如何使网页只显示最近的更新,而不是重新加载使用AJAX
How to make web page display only recent update rather than reload using AJAX
我在我的网页上做了一个表格,它每十秒钟重新加载一次,以获取用户输入的新信息(如果有的话)。问题是,我不希望整个表每10秒重新加载一次,我只希望表只显示不在表上的新更新。下面是我用来重新加载页面的代码。
function process(xmlHttp, i) {
if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0) {
//value = encodeURIComponent( objRef.value );
xmlHttp.open("GET", "php/AjaxBody.php?value=" + i, true);
xmlHttp.onreadystatechange = handleServerResponse;
xmlHttp.send(null);
} else {
alert("Hold on");
}
}
function handleServerResponse() {
if (test.readyState == 1 || test.readyState == 2 || test.readyState == 3) {}
if (test.readyState == 4) {
if (test.status == 200) {
txtResponse = test.responseText;
bodyDiv = document.getElementById("body");
bodyDiv.innerHTML = txtResponse;
} else {
alert("Error with the xmlHttp status");
}
}
/*
else{
alert("Error with the xmlHttp readystate: " + x.status);
} */
}
txtResponse
返回被重新加载到div
= body
的整个表,我想知道如何去做这个,我也希望它是原生JavaScript("我不介意XML,改变信息返回的方式")
我认为你可以在你的url中添加限制。像这样的代码应该可以正常工作。
function process(xmlHttp, i, max_id) {
if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0) {
//value = encodeURIComponent( objRef.value );
xmlHttp.open("GET", "php/AjaxBody.php?value=" + i + "&max_id=" + max_id, true);
xmlHttp.onreadystatechange = handleServerResponse;
xmlHttp.send(null);
} else {
alert("Hold on");
}
}
您还可以向对象添加日期时间,例如创建日期和最后修改日期。然后做一些检查,看看是否有新的东西。
如果你想做一些非常复杂的更改跟踪,可以看看javascript框架KnockoutJS,它为你做了很多,但它有一个相对较高的学习曲线。
相关文章:
- 创建新数据和加载现有数据需要单独的视图吗
- 钛 - HTTPClient:打开新的控制器加载
- 保持 JavaScript 在浏览器控制台中运行,即使在新的页面加载之后也是如此
- 路由到新页面时加载不起作用
- 如何在新窗口完成加载后执行某些内容
- 使用新标题重新加载 html 页面
- Primefaces在打开新页面时加载数据消息
- Wordpress音频播放器和平滑状态.在新页面重新加载播放器时调用什么回调函数
- 用新数据重新加载renderer3d
- 文本不被渲染后,新的页面加载- JQuery移动
- 需要在新标签中加载pdf/doc文件,而不是下载,只是想在浏览器中阅读
- 用新参数重新加载页面
- Js和CSS不检测新页面何时加载
- 在新页面上加载一个flash视频,它在上一页上的位置
- 在新窗口中加载代码编写器视图
- 在控制台中使用新脚本重新加载页面
- 如何在加载新页面后加载AJAX数据
- 如何使用jQuery在新窗口中加载页面,然后关闭它们
- Jquery没有看到新的HTML加载到对话框中
- 无法用新值重新加载JGrid