我知道这方面的话题有很多,但是根据我在其他话题中阅读到的内容,我无法确定该怎么做。
我有一个名为“abc.php”的页面。用户可以进行搜索,然后通过2个ajax请求填充表单。然后,如果用户导航到另一个页面,然后再点击返回到“abc.php”,表单的内容不完整,因为ajax没有运行。是否有办法让这种情况发生?
在进行ajax时,通过在哈希后面添加搜索词来修改URL(例如:http://example.com/search.php#search-terms-here
)
然后,在页面加载时,从URL中读取搜索词。
History.Adapter.bind(window,'statechange',function(){
var State = History.getState();
page(State.url);
});
function page(url) {
//AJAX
}
现在,每当您想要更改页面时,只需调用:
History.pushState({state:X}, "Page Title", "Page Url");