ajax刷新功能,关于ajax的页面刷新问题

今天调查了一个gridview的行刷新的问题。

使用了ajax进行行的移动操作，当然使用的是jquery的tablepnp插件，还有一个功能就是层级折叠问题，这个使用的viewstate保存的，于是出现了一个这么的问题：

当gridview的行移动之后，然后点击与先前位置改变的带层级的行时，层级关联的几行确实被折叠了，但是，行有恢复了没有移动时的索引位置。

经过半天的调查，在移动行时，发现ajax在请求页面的时候，页面保存的viewstate是没有值的，间接证明了ajax是请求一个完全的新页面，而后进行折叠或者展开，读取页面是可以读到之前的viewstate的，但是读取的行的索引(一个按钮的commandargument参数)是之前在刚一进页面的索引，所以ajax请求的页面和本页的状态都是没有关系的，且在行移动后，页面没有刷新绑定。

结论：

ajax发送的请求页面和本页面刷新的页面状态是隔离的。

找到问题，就好解决了，在ajax请求完成后，使用window.top.location.href=window.location.href从新请求一次页面就可以绑定新的索引值了。这个时候viewstate已经读取不到了，所以需要借用其它的方法。

例如session。

ajax刷新功能,关于ajax的页面刷新问题相关推荐

java局部刷新session过期_Ajax局部页面刷新和History API结合的陷阱
ajax在现代网站已经得到非常普遍地应用,主要的好处大家都知道(异步加载数据,不用刷新整个浏览器,更小的数据传输尺寸).对于那些老网站或者老项目来说全盘改造成ajax并不现实,于是就有了"局 ...
php 绝对刷新,vue项目线上页面刷新报404 解决方法(绝对有用)
在上线vue开发的前端网页上线后,刷新页面报404错误,因为网页上显示的是静态绝对路径,实际上服务器上是没有改路径的所以刷新汇报错误. 1.vue框架中解决404 vue router mode 默 ...
android 刷新activity（在本页面刷新）
效果展示: MainActivity package com.example.www.myapplication;import android.content.Intent; import andro ...
【Vue】实现当前页面刷新的四种方法
目录前言方法一:location.reload 方法二:$router.go(0) 方法三:provide.inject和$nextTick 方法四:创建空白页前言这两周在写一个后台管理,每次 ...
Vue页面刷新的三种方式
vue页面刷新的三种方式由于功能需求,需要离开页面前告知用户是否需要丢弃未保存的数据,这时候切换的菜单会失效,但是菜单依然会高亮错误.所以要进行一次页面刷新. 方法一原地页面刷新 this.$ro ...
ajax ssm 页面跳转_ssm项目实战实现页面的局部刷新功能
好的各位小伙伴继续学习知识了 ajax_json 咱们之前用SSM三大框架整合,实现了用户的增删改查功能.今天主要是将之前实现的用户功能,修改成 ajax 的方式,实现页面的局部刷新功能. 首先来实 ...
用Ajax+js+jQuery实现无闪烁定时刷新页面定时刷新
本人想在一个JSP页面上显示一个消息模块,这个消息需要定时更新,请问大家如何用Ajax+js+jQuery实现无闪烁定时刷新页面功能.本人使用的js框架是jQuery. 先说思路,那就是在前端用 js ...
jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据，表单序列化（异步获取表单内容）
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
js ajax局部替换,纯JS实现AJAX局部刷新功能
AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 J ...

ajax刷新功能,关于ajax的页面刷新问题

ajax刷新功能,关于ajax的页面刷新问题相关推荐

最新文章

热门文章