我有一个搜索页面,其中每个搜索结果都使用 AJAX 添加到页面中。这样我可以让用户搜索例如齐柏林飞艇,然后再次搜索金属乐队但将其添加到与先前搜索相同的结果列表中。
我的问题是,当用户单击记录的链接,然后单击后退按钮,返回到搜索结果时。
火狐 (7)使页面保持我离开时的样子,显示完整的结果。
IE (7,8) and 镀铬 (15)另一方面,将按照使用 AJAX 添加任何搜索结果之前的方式显示页面,就好像它不记得我向其中添加了数据一样。
下面是我使用的代码。我尝试添加location.hash = "test";
但这似乎不起作用。
// Add search result
$("#searchForm").submit(function (event) {
//location.hash = "test";
event.preventDefault();
$.post($(this).attr('action'), $(this).serialize(),
function (data) {
$("tbody").append(data);
});
});
我不需要后退按钮来跟踪搜索页面上的更改,例如在添加时逐步浏览每个不同的搜索结果。我只是希望浏览器在我点击后退按钮时记住最后的搜索结果。
SOLVED
更改为document.location.hash = "latest search"
没有改变任何东西。我不得不使用localStorage
正如阿米尔指出的那样。
这涉及到 jQuery 代码的其余部分:
// Replace the search result table on load.
if (('localStorage' in window) && window['localStorage'] !== null) {
if ('myTable' in localStorage && window.location.hash) {
$("#myTable").html(localStorage.getItem('myTable'));
}
}
// Save the search result table when leaving the page.
$(window).unload(function () {
if (('localStorage' in window) && window['localStorage'] !== null) {
var form = $("#myTable").html();
localStorage.setItem('myTable', form);
}
});
你有几个选择。
- Use 本地存储 https://developer.mozilla.org/en/DOM/Storage记住最后一个查询
- 使用cookie(但不要)
- 使用您尝试过的哈希值
document.location.hash = "last search"
更新网址。您将再次查看哈希值,如果已设置,则执行另一个 ajax 来填充数据。如果你已经完成了本地存储,那么你可以只缓存最后一个ajax请求。
我会选择本地存储和哈希解决方案,因为这就是某些网站所做的。您还可以复制并粘贴 URL,它只会加载相同的查询。这非常好,我想说非常方便。
我很想知道为什么它不起作用。更新您的答案,以便我们提供帮助。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)