ajax实现了一个页面数据的局部刷新

上传人:第*** 文档编号:31310462 上传时间:2018-02-06 格式:DOC 页数:5 大小:632.50KB
返回 下载 相关 举报
ajax实现了一个页面数据的局部刷新_第1页
第1页 / 共5页
ajax实现了一个页面数据的局部刷新_第2页
第2页 / 共5页
ajax实现了一个页面数据的局部刷新_第3页
第3页 / 共5页
ajax实现了一个页面数据的局部刷新_第4页
第4页 / 共5页
ajax实现了一个页面数据的局部刷新_第5页
第5页 / 共5页
亲,该文档总共5页,全部预览完了,如果喜欢就下载吧!
资源描述

《ajax实现了一个页面数据的局部刷新》由会员分享,可在线阅读,更多相关《ajax实现了一个页面数据的局部刷新(5页珍藏版)》请在金锄头文库上搜索。

1、在 web 应用中,经常变化的是数据,但为了加载新数据就去从新加载页面,不仅麻烦,也不友好。今天我利用 ajax 实现了一个页面数据的局部刷新,效果如下:表格中的信息每隔五秒后刷新,并从服务器端得到信息,加入 table 中。下面介绍一下他的实现:onload()函数使页面加载时就被调用,这里介绍一下 startcallback 函数,其中的setTimeout 函数是一个定时器,第一个参数设定了定时调用的函数,第二个参数设定定时间间(单位毫秒)。setTimeout(pollServer(), 5000)表示将在 5 秒钟后调用 pollServer 函数。pollServer 函数定义如下

2、:这也是一个需要请求服务器的 ajax 应用,他的作用是获得服务器短的信息,并把它加到页面中的表格里 这里递归调用 setTimeout,表明要每隔 5 秒钟都要向服务器端请求一次信息,以便更新。同时,再次调用 doStart 函数表明当服务器端信息轮寻完后再从头开始。第二个函数就不再加以说明了,仅是利用 javascript 操作 dom。接下来看一下时间提示的刷新,这个应用不需要请求服务器再看一下 body 部分 该看一下服务器端的 servlet 代码了需要说明的只有一点,在开头要设置 response.setCharacterEncoding(UTF-8)否则会出现返回的信息汉字乱码web.xml 就不说了。最后还要补充一句,这个例子使用了 onload 方法,页面上的加载按钮就没什么用了,这是你还要去点击的话会出现刷新混乱。

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 中学教育 > 其它中学文档

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号