HTML5‘in en güzel nimetlerinden biri olan javascript ile kullanılan history.pushState, dinamik olarak url(link) yapımızı dinamik olarak değiştirmemize olanak sağlar. Ek olarak, AJAX ile birleşince hem dinamik olarak içeriğin değişmesi ve hemde url’nin değişmesi meydana gelir. Buda kullanıcıya çok hızlı işlem yapmasını sağlar.
Özellikle ürün filtreleme yaparken bu özelliği ihtiyacımız olabilir, filtrenen kelimeler url’ye dinamik olarak gelebilir.
Örnek;
history.pushState(” “, ” “, ‘?’ + ‘cat=’ + id + ‘&’ + ‘brand=’ + brands);
Örneği yazdığınız Ajax’ın success fonksiyonun içine yazarak çalışmasını sağlayabilirsiniz.
Fakat incelenmesi ve çözülmesi gereken detaylarda var Örneğin, seçimlerimizi yaptıktan sonra bir sonraki sayfaya dönmek istediğimizde içeriğin değişmediğini görebiliriz. Bunun çözümünü bir sonraki yazımda paylaşacağım.