刷新页面保持AJAX的状态
时间:2010-09-18
来源:互联网
真是一个很蛋疼的问题,哈哈。AJAX简单的理解就是无刷新获取数据,如果刷新页面,当前得到的数据就会清空,又怎么能保持状态呢。
但是当我们开发的时候往往是无刷新和刷新混用,为什么?开发简单,不用写大段大段JS代码,不用费神的控制着DOM,不用玩太多的障眼法。。。必竟在完成相同的功能,效率就是第一位。回到正题,在刷新页面,如果保持无刷新的状态。这其实可以实现,我以AJAX二级关联下拉列表为例。http://www.zl07.cn/labs/list/list.php为原始的模型。我们把提交方式设为GET,通过页面传递下拉列表的参数,共需两个参数,第一个参数让JS判断用不用加载完页面后自动请求,当需要自动请求时,再用第二参数与响应的返回值进行对比。值一致就执行obj.setAttribute(’selected’,’selected’);设置为选中。其实就是这么简单。 改良后的示例在http://www.zl07.cn/labs/newList/list.php
PS:这里JS获取第二参数我直接用的PHP获取写入JS的(偷了个懒) 不嫌麻烦的同学可以用JS获取然后传参。
但是当我们开发的时候往往是无刷新和刷新混用,为什么?开发简单,不用写大段大段JS代码,不用费神的控制着DOM,不用玩太多的障眼法。。。必竟在完成相同的功能,效率就是第一位。回到正题,在刷新页面,如果保持无刷新的状态。这其实可以实现,我以AJAX二级关联下拉列表为例。http://www.zl07.cn/labs/list/list.php为原始的模型。我们把提交方式设为GET,通过页面传递下拉列表的参数,共需两个参数,第一个参数让JS判断用不用加载完页面后自动请求,当需要自动请求时,再用第二参数与响应的返回值进行对比。值一致就执行obj.setAttribute(’selected’,’selected’);设置为选中。其实就是这么简单。 改良后的示例在http://www.zl07.cn/labs/newList/list.php
PS:这里JS获取第二参数我直接用的PHP获取写入JS的(偷了个懒) 不嫌麻烦的同学可以用JS获取然后传参。
作者: 习惯 发布时间: 2010-09-18
作者: quanhaier 发布时间: 2010-09-19
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28