在用户返回页面后,显示AJAX调用检索到的相同数据
Show the same data retrieved by the AJAX call after the user returns to the page
我正在尝试获取此表单的URL,并使用AJAX显示结果,一切都很好,但一旦我访问了其中一个结果的链接,我就会丢失之前在AJAX调用中检索到的所有数据。我想要的是,当用户按下浏览器上的后退按钮时,他们会在离开页面之前返回到同一页面,并使用从AJAX调用中检索到的相同数据。我正在建设一个电子商务网站。
$(document).ready(function(){
$("#form").change(function(){
var form=$("#form").serialize();
$.ajax({
type: "GET",
url: "get.php",
data: form,
success: function(html) {
$("#pagination").fadeOut(0).html(html).fadeIn(300);
}
});
return false;
});
});
按下后退按钮后:
我有这个网址:search.php尽管我需要实现:search.php?brand=本田&model=etc
您可以通过操纵浏览器历史记录来实现这一点:
if (typeof (history.pushState) != "undefined") {
var obj = { Title: title, Url: url };
history.pushState(obj, obj.Title, obj.Url);
} else {
alert("Browser does not support HTML5.");
}
在对象中构造您的url:
var obj = { Title: 'Title of my page', Url: 'search.php?brand='+form.brand+'&model='+form.model };
您必须将此代码放在成功回调函数中。
相关文章:
- *简单*解析云代码查询失败”;TypeError:无法调用方法'获取'未定义的“检索该信息”;
- 调用c#函数从传递javascript变量的javascript中检索数据
- 在用户提交表单后显示数据(从API调用检索),而不刷新页面
- 从api调用中检索to ng选项的值
- 无法从 ajax 调用中检索谷歌地图标记坐标
- 防止单击和检索函数调用的参数
- 从Flash AS3 Android应用程序调用Java脚本函数以检索设备ID和序列号
- 对从字典 JavaScript 对象检索的对象调用方法
- 从调用函数中检索回调值.如何
- 使用两个 Ajax 调用来发布然后检索数据
- 在颜色框调用时检索隐藏字段值
- 客户端 JavaScript 和/或 JavaScript 代码,使用 jquery 调用 WCF 服务检索 Syste
- 如何检索 java 设置并迭代来自 ajax 调用响应的值
- 当从客户端从ajax调用检索时,我在服务器上的日期时间增加了12.30小时
- Ajax调用工作正常,但php文件在从对象检索属性时出错
- 在Phonegap中的AJAX REST服务调用期间未正确检索值
- 在用户返回页面后,显示AJAX调用检索到的相同数据
- 如何将一些指定的时间设置为ajax调用,这样如果请求正在花费时间检索数据,它应该来到FAIL块
- 如何使用JQueryAjax调用从web方法发送和检索数据
- 如何对从CouchDB检索到的文档调用函数