实现自动刷新页面的几点注意

最新推荐文章于 2022-01-07 15:25:04 发布

原创最新推荐文章于 2022-01-07 15:25:04 发布 · 583 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

ASP.NET 同时被 3 个专栏收录

53 篇文章

订阅专栏

52 篇文章

订阅专栏

22 篇文章

订阅专栏

本文介绍了一种使用AJAX技术实现实时更新网页数据的方法。通过定时发送请求到服务器获取最新数据，并利用JavaScript解析返回的XML数据，然后更新DOM元素来显示最新的产品名称和数量。

第一点：

在处理返回信息函数中的

if(XMLHttpReq.status == 200){

DisplayHot(); //这个是你实现更新数据信息的函数

setTimeout("sendRequest()",1000);

}else{

window.alert("您的请求页面有异常");

}

第二点：

写一个显示更新数据更新的函数，如下：

function DisplayHot(){

var name = XMLHttpReq.responseXML.getElementByTagName("name")[0].firstChild.nodeValue;

var count = XMLHttpReq.responseXML.getElementByTagName("count")[0].firstChild.nodeValue;

document.getElementById("product").innerHTML = name;

document.getElementById("count").innerHTML = count;

}

第三点：记得在页面加载的时候就调用“sendRequest()”函数。例如：

<body onload = sendRequest()>

<完>

评论

成就一亿技术人!

拼手气红包6.0元

还能输入1000个字符

添加红包

插入表情

表情包

代码片

HTML/XML
objective-c
Ruby
PHP
C
C++
JavaScript
Python
Java
CSS
SQL
其它

条评论被折叠查看

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。