ajax页面刷新问题的解决思路
2006-11-21 11:16
351 查看
ajax页面刷新问题的解决思路
在ajax应用中经常遇到的问题是刷新问题:用户在局部更新了页面以后,又刷新了整个页面,页面又回到初始化状态了,而这一般并不是用户想要的结果-------------------一个令人头疼的问题.其实他的解决思路和原理很简单;页面刷新问题可以转化为两个问题:
1。在用户局部更新页面前如何把页面的状态保存下来;
2。在用户在更新整个页面时,如何恢复更新页面前的状态;
解决问题:
解决这个问题最关键的是使用window.location.hash,也就是书签,用hash来存储页面的状态,内部解析机制可以使用该状态来解析成如何恢复页面状态,例如:使用hash存储当前页面的查询条件,我们就可以在刷新整个页面时,获取到页面地址的hash,然后把hash转换成查询条件进行局部更新页面,从而达到恢复页面的目的.
注:内部解析机制---自己定义的一个转换标准,也就是怎么把状态转换为恢复页面状态的操作处理机制,通常定义成页面onload事件的处理函数;
在ajax应用中经常遇到的问题是刷新问题:用户在局部更新了页面以后,又刷新了整个页面,页面又回到初始化状态了,而这一般并不是用户想要的结果-------------------一个令人头疼的问题.其实他的解决思路和原理很简单;页面刷新问题可以转化为两个问题:
1。在用户局部更新页面前如何把页面的状态保存下来;
2。在用户在更新整个页面时,如何恢复更新页面前的状态;
解决问题:
解决这个问题最关键的是使用window.location.hash,也就是书签,用hash来存储页面的状态,内部解析机制可以使用该状态来解析成如何恢复页面状态,例如:使用hash存储当前页面的查询条件,我们就可以在刷新整个页面时,获取到页面地址的hash,然后把hash转换成查询条件进行局部更新页面,从而达到恢复页面的目的.
注:内部解析机制---自己定义的一个转换标准,也就是怎么把状态转换为恢复页面状态的操作处理机制,通常定义成页面onload事件的处理函数;
相关文章推荐
- 基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
- Ajax回退刷新页面问题的解决办法
- 解决Ajax.BeginForm还是刷新页面的问题
- Ajax提交Form表单页面仍会刷新问题的快速解决办法
- Ajax回退刷新页面问题的解决办法
- AJAX的后退页面刷新问题的解决方法(1)
- 解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
- Ajax的底层实现--使用Ajax实现无刷新登录实例--解决ajax中URl参数带中文的乱码问题
- 解决AJAX.NET中的悬停panel在页面加载时闪烁的问题
- 解决IDEA开发JavaWeb项目修改了HTML或Servlet/JSP后刷新浏览器无法及时显示修改后的页面的问题
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- [置顶] Ajax产生跨域问题的原因和解决思路
- html5新特性:利用history的pushState等方法来解决使用ajax导致页面后退和前进的问题
- html5新特性:利用history的pushState等方法来解决使用ajax导致页面后退和前进的问题
- html5新特性:利用history的pushState等方法来解决使用ajax导致页面后退和前进的问题
- 解决AngualrJS页面刷新导致异常显示问题
- EF更新,数据库值变化,前台页面并不变化,刷新也不变化,重新运行程序则变化----开发中遇到的问题(已解决)
- 解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
- 解决Ajax返回数据包含整个jsp页面的问题