ajax返回功能,jquery – 记得ajax在点击返回按钮时添加的数据

我有一个搜索页面，其中每个搜索结果都添加到具有AJAX的页面。这样我可以让用户搜索例如Led Zeppelin，然后做另一个搜索Metallica，但添加到与以前的搜索相同的结果列表。

我的问题是当用户点击记录的链接，然后点击返回按钮，回到搜索结果。

FireFox(7)保持页面看起来当我离开它，显示完整的结果。

另一方面，IE(7,8)和Chrome(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);

});

我不需要一个后退按钮跟踪搜索页面上的更改，例如在添加时逐步浏览每个不同的搜索结果。我只是想让浏览器记住最后的搜索结果，当我点击返回按钮。

解决了

更改为document.location.hash =“最新搜索”没有更改任何内容。我不得不使用localStorage作为Amir指出。

这进入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);

}

});

ajax返回功能,jquery – 记得ajax在点击返回按钮时添加的数据相关推荐

ajax 随机,基于JQuery及AJAX实现名人名言随机生成器
基于JQuery及AJAX实现名人名言随机生成器发布于 2017-05-05 06:56:38 | 137 次阅读 | 评论: 0 | 来源: 网友投递 jQuery javascript框架jQu ...
jquery中ajax完整例子get,jq的ajax方法，jquery中ajax完整例子
jq的ajax方法,jquery中ajax完整例子相较与js异步对象的繁琐,jq的ajax对象结构更加清晰一:ajax对象简述 ajax(Asynchronous JavaScript and X ...
用ajax修改成功怎么返回页面,jquery操作ajax返回的页面元素
这两天工作不忙,正好从朋友那里拿到一个某个应用的开发文档,相关数据放在了mongodb里,自己电脑可以本地开启服务器然后通过给的借口来获取数据.由于这是一个比较大比较全的一个完整项目,也没有那么多经历 ...
ajax php 动态,jQuery+PHP+Ajax实现动态数字统计展示功能
jQuery+PHP+Ajax实现的一款动态数字统计展示实例,本例是在页面上动态展示了当前在线用户数,当然了,你可以应用到其他更多场景中. 首先我们在#number放置要统计的数字: 当前在线: 然后 ...
ajax.updater 返回值,jquery中Ajax.updater的等价物是什么？
有使用一些方法阿贾克斯一样jQuery.ajax({...}) or $.ajax({...})除此之外还有它们的一些简化的版本太像: $.get()或jQuery.get() $.post()或jQ ...
java如何构造ajax回调参数,jQuery实现ajax回调函数带入参数的方法示例
本文实例讲述了jQuery实现ajax回调函数带入参数的方法.分享给大家供大家参考,具体如下: 不带参数的写法: function pass(htmlId,auditingFlag){ var url ...
Ajax入门总结--jquery实现Ajax
ajax(Asynchronous Javascript And XML):只刷新局部页面的技术 ajax的工作流程: 使用javascript获取到页面上的数据通过Ajax引擎创建XMLHttpR ...
jsp jquery ajax请求,JSP+jquery使用ajax方式调用json的实现方法
本文实例讲述了JSP+jquery使用ajax方式调用json的实现方法.分享给大家供大家参考,具体如下: //test function test(uid) { if(confirm("确 ...
调用$.ajax不成功,jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法...
jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Objec ...

ajax返回功能,jquery – 记得ajax在点击返回按钮时添加的数据

ajax返回功能,jquery – 记得ajax在点击返回按钮时添加的数据相关推荐

最新文章

热门文章