如何解决刷新网站上一节li的功能
我只想对我的网站上的一部分启用刷新。就像仅用于一个表单元格或一个<li>
元素一样。有可能吗?
<div id="loading">
<h1 class="name"> Loading... </h1>
<ul class="status">
<li>Status: </li>
<li>loading state</li>
</ul>
</div>
我需要刷新“加载状态”。这是我从plc获得的价值。我想每3秒刷新一次。
我试图用JavaScript来实现,但是没有成功。
谢谢您的回答。
解决方法
您可以使用setInterval
并在回调函数中进行必要的更改以更新该部分的dom内容。
如果要定期刷新,请使用setInterval
;如果只需要刷新一次,请使用setTimeout
。
setInterval(() => {
document.getElementById('test').innerHTML = Math.ceil(Math.random() * 200)
},5000)
<div id="loading">
<h1 class="name" id='test'> Loading... </h1>
<ul class="status">
<li>Status: </li>
<li>loading state</li>
</ul>
</div>
,
尝试XMLHttpRequest
let xhr = new XMLHttpRequest();
setInterval(() => {
xhr.open("POST","./Add_address_of_content/",true);
xhr.onreadystatechange = function () {
if (xhr.readyState != 4 || xhr.status != 200) return;
document.getElementById('loadingDivId')=req.responseText;
};
},3000);
<div id="loading">
<h1 class="name" id='test'> Loading... </h1>
<ul class="status">
<li>Status: </li>
<li id="loadingDivId">loading state</li>
</ul>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。