`
zendj
  • 浏览: 116196 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

ajax页面刷新问题的解决思路

阅读更多

ajax页面刷新问题的解决思路

在ajax应用中经常遇到的问题是刷新问题:用户在局部更新了页面以后,又刷新了整个页面,页面又回到初始化状态了,而这一般并不是用户想要的结果-------------------一个令人头疼的问题.其实他的解决思路和原理很简单;页面刷新问题可以转化为两个问题:

1。在用户局部更新页面前如何把页面的状态保存下来;

2。在用户在更新整个页面时,如何恢复更新页面前的状态;

解决问题:

解决这个问题最关键的是使用window.location.hash,也就是书签,用hash来存储页面的状态,内部解析机制可以使用该状态来解析成如何恢复页面状态,例如:使用hash存储当前页面的查询条件,我们就可以在刷新整个页面时,获取到页面地址的hash,然后把hash转换成查询条件进行局部更新页面,从而达到恢复页面的目的.

注:内部解析机制---自己定义的一个转换标准,也就是怎么把状态转换为恢复页面状态的操作处理机制,通常定义成页面onload事件的处理函数;

分享到:
评论

相关推荐

    Html5+Ajax实现无刷新多图上传

    Html5+Ajax实现无刷新多图上传. 实现思路:把文件放入数组中,遍历数组并采用html FormData实现无刷新上传。

    在Laravel中实现使用AJAX动态刷新部分页面

    那么今天我们一起来看一下如何在使用了PHP Frameworks的网站中使用AJAX来刷新页面的一小部分。 这里我使用的是jQuery + Laravel(当然如果使用了其他框架,基本的概念也是不变的)。如图,假设我们制作了一个页面来...

    基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题

    做了几个兼职,上天帮人完成页面的时候顺便做了一个ajax的请求。发现浏览器的刷新,后退,前进按钮失效。于是乎google了一下。发现了一些解决方法。其中一个jquery.hashchange.js的插件有的时候会失效,有的时候会...

    AJAX页面状态保持思路详解

    如果通过这种方式的话,浏览器会刷新页面,如果使用锚点的话则不会刷新浏览器。具体是点击页面去请求数据的同时会改变地址栏“#”后面的值。我们翻页到第四页 如: abc.com/search#s=abc&id=23&page=4 这样还

    如何手写Ajax实现异步刷新

    使用Ajax的思路:在要刷新的页面中写js和Ajax代码,把数据提交给另一个页面,在Page_Load中写查询代码并把结果返回到刷新的页面。  界面 一、使用Linq连接数据库 二、把jquery文件导入到项目中。代码写在<head

    ajax无刷新验证注册信息示例

    ajax无刷新验证注册信息示例,其大概思路如下: 一.把注册的html页面做好(html+css) 1.不需要form表单,直接用div包着 2.需要四个标签来显示正确、错误的信息显示 3.不用submit提交按钮,直接用button 如图: ...

    Asp.net利用JQuery AJAX实现无刷新评论思路与代码

    再建一个HTML页面,只需简单的拉几个html控件出来摆着就行,注意在页面顶部有个标签用来占位输出评论内容。 Html页面代码就这样简单就行了: 代码如下: <body>”room”> </table> <div> 用户名:<input id=...

    Ajax+Asp实现批量生成静态页面进度条信息 sadxy 0.1 版本

    由于ajax的一些特性我没有摸透,所以,本例由一个令人遗憾的漏洞,就是程序一段中途刷新页面,就会出错,不过,如果你不乱来,倒是还可以将就着用一下。希望哪位高手能来指正一下,帮我弥补上这个漏洞,感激万分。如...

    Ajax PHP JavaScript MySQL实现简易无刷新在线聊天室

    消息显示区就是一个DIV块,我们会借助Ajax获取到服务器端信息之后,使用JavaScript来更新页面。 消息显示区 发消息 发消息模块,其实说白了,就是向服务器上插入数据的过程,也是属于比较简单的。 发言栏 ...

    智慧医疗可视化-一个基于SSM、Echarts、jsp等框架的数据大屏项目,通过Ajax、jstl等方式实现数据动态刷新渲染

    该项目通过Ajax和jstl等技术实现了数据的动态刷新渲染,为四家医院提供了一个集中展示相关医疗数据的空间。 项目中,前端部分采用了Echarts框架来实现数据可视化的展示,通过图表展示的方式直观地呈现各类医疗数据...

    ASP+Ajax+Jquery无刷新留言本

    实现的思路大致就是新建一个asp和html文件,html页面负责发出AJAX请求,asp页面负责响应请求,返回值。 但是在实现之前你就会想到一个问题,对于单个值的返回很简单,但是要返回一条完整的留言信息,包括(时间,...

    极个性的ajax伪静态和ajax二级联动下拉列表

    这几天又有人在社区问我无刷新联动和asp伪静态的问题,于是我就写了这么个小程序来给对这部分有疑问的朋友。 其中这个伪静态是本人原创作品(如有思路相同的前做则纯属意外呵呵)。试想,你可以把自己的页面地址...

    jsp+ajax实现无刷新(鼠标离开文本框即验证用户名)实现思路

    jsp+ajax实现无刷新,鼠标离开文本框即验证用户名,操作如下:新建一个输入页面,起名为input.jsp, 代码如下: <%@ page contentType=”text/html; charset=utf-8″%> <html> <head> <title>...

    jQuery ajax全局函数处理session过期后的ajax跳转问题

    但是存在这样一个问题,当页面过期后,用户请求后台的方式有两种:传统方式和异步请求方式,传统方式倒好解决,请求到后台,拦截到过期的操作,直接跳转,但是异步请求不会刷新整个页面,因此对session过期的处理也...

    ajax 数据库中随机读取5条数据动态在页面中刷新

    以下是我在此编写一个程序时的时刻所遇到的问题。因为一开始经理给我分配了要我写一个在页面上动态的显示5条数据。

    不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术

    全静态无刷新思路: <HTML> [removed][removed]//当前页面全局的 无数新调用 [removed] //一系列JS调用 FUNCTION XX(FUN_NAME,PARAMETER_NAME,PARAMETER_VALUE)//参数自己设定 { DOCMENT.SCRIPTS[0].SRC=’...

    ThinkPHP5.1表单令牌Token失效问题的解决

    ThinkPHP出于安全的考虑增加了表单令牌Token,由于通过Ajax异步更新数据仅仅部分页面刷新数据,就导致了令牌Token不能得到更新,紧接着的第二次新建或更新数据(提交表单时)失败——不能通过令牌的验证。...

    基于框架的Web开发-首页和商品搜索.docx

    将使用ajax局部刷新技术。 例如:用户点击“搜索”时,content -div“显示按商品名进行模糊查询的结果。 用户点击“注册”时,content -div“显示注册表单。 3 显示全部商品和商品搜索的思路 (1) 首页和商品搜索结果...

    asp.net省市县三级联动源码

    ASP.NET+ajax+xml实现的全国省市县(区)无刷新联动源码。  创建服务器端方法。只要给一个方法加上[AjaxPro.AjaxMethod]标记,该方法就变成一个AjaxPro可进行映射调用的方法[Ajax.AjaxMethod],该方法我们将实现从...

Global site tag (gtag.js) - Google Analytics