《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 方法,页面上的加载按钮就没什么用了,这是你还要去点击的话会出现刷新混乱。