如何解决Ajax调用以更新HTML中的值
我正在尝试实现一个JS,该JS仅在使用ajax调用的情况下以固定间隔更新本来是静态的HTML表,而没有任何websockets等。该页面会定期用源服务器上的新数据更新,我希望HTML在用户浏览器中打开后能够加载新值并动态替换它们。
我的解决方案是在服务器上以新版本将用户HTML的id标签与其更新对进行匹配,并使用ajax加载功能将其插入。
function updateVals () {
for (var i = 0; i < (idList.length); i++) {
$('#' + idList[i]).load('SamebutUpdated.html #' + idList[i])
}
}
现在,我的问题是,当用户打开HTML时,我尝试在模拟实时服务器(VSC)上更新源HTML的值时,用户的HTML会跳回到其原始数据值,然后重新加载新的HTML和我希望它不这样做,而是保留先前加载的内容,然后再次替换它们。
希望这是足够清晰和凝聚力的。
提前加油!
解决方法
一种方法是使用document.getElementById()
并更改innerHTML
属性。
不涉及jQuery!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。