Sayfayı yenilemeden tarayıcınızın adres çubuğunu değiştirmenin bir yolu var mı?

Question

Bir web uygulaması geliştiriyorum. İçinde, bir kullanıcı kategorilerden birini tıkladığında her seferinde bir güncelleme panelinin uygun içeriği yüklediği kategoriler adlı bir bölümüm var.

kullanıcı ben Sayfayı yenilemeden

www.mysite.com/products/{selectedCat} 

gibi bir şey için

www.mysite.com/products 

gelen tarayıcının adres çubuğu url değiştirmek istediğiniz kategoriyi tıklandığında sonra.
Bunu başarmak için kullanabileceğim bir çeşit JavaScript API var mı?

Answer 1

Bunun, adres çubuğunun sorunlu bir kötüye kullanımı olacağından ve kimlik avı saldırılarını teşvik edebildiğinden (en azından tamamen farklı bir adrese dönüşerek) mümkün olduğunu düşünmüyorum. Eğer

www.mysite.com/products/# {

olmaktan memnun olup olmadığını ben doğrudan bu url taşımadan tamamen farklı url adres çubuğunu manipüle inanıyoruz

Answer 2

, güvenlik nedeniyle izin verilmez selectedCat}

Yani aynı sayfadaki bir çapa stili bağlantısı, daha sonra çoğu javascript kütüphanesinde bulunan çeşitli geçmiş/"geri düğmesi" komut dosyalarına bakın.

güncelleme panelin söz size asp.net ajax geçmişi kontrolü Söylediğiniz şekilde yapılamaz

Answer 3

Bu başlamak için iyi bir yerdir bu durumda, asp.net kullanarak edilir tahmin yol açar o. Somej.net tarafından önerilen yöntem, alabileceğiniz en yakın yöntemdir. Aslında AJAX çağında çok yaygın bir uygulamadır. Gmail bile bunu kullanıyor.

Answer 4

Adamların daha önce söylediklerini eklemek için onclick işlevinde istediğiniz URL ile eşleştirmek için window.location.hash özelliğini düzenleyin. sanchothefat tarafından önerildiği gibi

window.location.hash = 'category-name'; // address bar would become http://example.com/#category-name 

Answer 5

"window.location.hash"

bir ve bunu yapmanın tek yolu olmalıdır. Bu özelliği gördüğüm tüm yerler, her zaman # URL’den sonraki. yeniden yüklemeden url değiştirebilir HTML5 ile

Answer 6

: tarayıcının tarihinde yeni yazı yapmak istiyorsanız

(yaniEğer sadece geri dönmek mümkün olmadan url değiştirmek istiyorsanız geri düğmesi

window.history.pushState('Object', 'Title', '/new-url'); 

) çalışacak

window.history.replaceState('Object', 'Title', '/another-new-url'); 

nesne ajax navigasyon için kullanılabilir

:

window.history.pushState({ id: 35 }, 'Viewing item #35', '/item/35'); 

window.onpopstate = function (e) { 
    var id = e.state.id; 
    load_item(id); 
}; 

okuyun burada daha fazla: http://www.w3.org/TR/html5-author/history.html

bir çare sollution: https://github.com/browserstate/history.js