位置: 编程技术 - 正文

利用jQuery及AJAX技术定时更新GridView的某一列数据

编辑：rootadmin

推荐整理分享利用jQuery及AJAX技术定时更新GridView的某一列数据，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

看到一个问题：定时更新GridView的某一列中的状态文本。马上就有了思路：GridView最后会生成表格，所以我们在页面中通过Ajax更新表格的列，从而达到ajax更新GridView的效果。

具体实现：

准备一个xml文件，用于存储要更新的数据，在页面中启动一个定时器，每隔5秒钟调用一个函数，函数里边通过$.ajax获取xml中的数据，解析xml，遍历表格行，匹配要更新的数据，更新。

getuserlist.xml

定义一个UserList的根节点，下边每个UserItem对应一条数据，UID可以理解成主键，UStatus是最新的状态。

test.html

具体的逻辑都写到这里边了。

最后将所需文件放到一个可以浏览的站点下边，打开test.html。等待5秒钟，就可以看到效果了。

因为IE的问题，直接在文件夹下打开会出现不能解析xml文件（parsererror）的问题，所以建议放到可以运行的站点下边，或者用别的浏览器打开。

PS：GridView 是 DataGrid的后继控件，在 framework 2 中，虽然还存在DataGrid，但是GridView已经走上了历史的前台，取代DataGrid的趋势已是势不可挡。GridView和DataGrid功能相似，都是在web页面中显示数据源中的数据，将数据源中的一行数据，也就是一条记录，显示为在web页面上输出表格中的一行。GridView相对于DataGrid来说，具有如下优势，功能上更加丰富，因为提供了智能标记面板（也就是show smart tag）更加易用方便,常用的排序、分页、更新、删除等操作可以零代码实现！具有PagerTemplate属性，可以自定义用户导航页面，也就是说分页的控制更加随心所欲。GridView和DataGrid在事件模型上也多有不同之处，DataGrid控件引发的都是单个事件，而GridView控件会引发两个事件，一个在操作前发生，一个在操作后发生，操作前的事件多位***ing事件，操作后的事件多位***ed事件，比如Sorting 事件和sorted 事件，RowDeleting和RowDeleted事件。Listview和Gridview的刷新界面的方式是调用adapter.notifyDataSetChanged()进行界面刷新。但是此方法有其弊端，他是将界面中的数据全部刷新一遍，不论数据有没有变化。

jQuery中cookie插件用法实例分析本文实例讲述了jQuery中cookie插件用法。分享给大家供大家参考，具体如下：Jquery里面提供了很多插件，方便，安全，快速实用。这节一起熟悉下JQUERY中

jQuery旋转木马式幻灯片轮播特效本文为大家分享anoSlide是一款超轻型响应式jQuery旋转木马幻灯片插件，它适合在PC端与移动端实现旋转木马幻灯片特效。具体内容如下特点响应式——适

jQuery实现ajax调用WCF服务的方法(附带demo下载) 本文实例讲述了jQuery实现ajax调用WCF服务的方法。分享给大家供大家参考，具体如下：关于AJAX调用WCF服务分为跨域和不跨域两种方式，今天咱们先介绍下