JavaScript/JQuery自动刷新特定Div
目前,我的当前页面是一个基于基本服务状态页面内容将XML文件加载到浏览器的页面。我正试图让特定的div自动刷新,但失败了-我不是JS方面的专家,所以任何指导都将不胜感激JavaScript/JQuery自动刷新特定Div,javascript,jquery,html,refresh,Javascript,Jquery,Html,Refresh,目前,我的当前页面是一个基于基本服务状态页面内容将XML文件加载到浏览器的页面。我正试图让特定的div自动刷新,但失败了-我不是JS方面的专家,所以任何指导都将不胜感激 if(window.XMLHttpRequest){//IE7+、Firefox、Chrome、Opera、Safari的代码 xmlhttp=新的XMLHttpRequest(); } else{//IE6、IE5的代码 xmlhttp=新的ActiveXObject(“Microsoft.xmlhttp”); } xml
if(window.XMLHttpRequest){//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest();
}
else{//IE6、IE5的代码
xmlhttp=新的ActiveXObject(“Microsoft.xmlhttp”);
}
xmlhttp.open(“GET”,“\\tech-desk04\Service Site\servicereport.xml”,false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
if(xmlDoc){
var x=xmlDoc.getElementsByTagName(“问题”);
对于(i=0;iIssueID:
”);
document.write(x[i].getElementsByTagName(“ISSUEID”)[0].childNodes[0].nodeValue);
文档。写入(“状态:
”);
document.write(x[i].getElementsByTagName(“状态ID”)[0].childNodes[0].nodeValue);
文件。填写(“”);
文件。填写(“”);
document.write(x[i].getElementsByTagName(“TICKETDESCRIPTION”)[0].childNodes[0].nodeValue);
文件。填写(“”);
文档。写入(“上次更新:
”);
document.write(x[i].getElementsByTagName(“UpdateOn”)[0].childNodes[0].nodeValue);
文件。写(“作者:
”);
document.write(x[i].getElementsByTagName(“作者”)[0].childNodes[0].nodeValue);
文件。填写(“”);
文件。填写(“”);
document.write(“fadeIn
是一个函数,您忘了放():
使用.fadeIn()
而不是.fadeIn
我不知道这是否会影响您的div,但可能是fadeIn函数需要两个括号。例如$('#refresh').load('Service.html#refresh').fadeIn()
只需从Service.html旁边的脚本中删除额外的#refresh即可-
这就是它的样子。我测试了它,它工作了……这是唯一的问题
var auto_refresh = setInterval(
function () {
$('#refresh').load('Service.html').fadeIn();
}, 2000
);
我已经把括号放进去了(发帖时很抱歉输入错误),同样的错误仍然会发生,只是要指出,如果在fadeIn之前div不可见,则不会出现动画。您需要类似于$(“#刷新”).fadeTo(0,0)
之前。但这不是问题所在,在web inspector中,内容是否已加载?我已将括号放入(发布时出错道歉),相同的错误仍会发生标记在哪里?我已将括号放入(发布时出错道歉),相同的错误仍会发生
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#refresh').load('Service.html #refresh').fadeIn();
}, 2000); // refresh every 2000 milliseconds
</script>
$('#refresh').load('Service.html #refresh').fadeIn();
var auto_refresh = setInterval(
function () {
$('#refresh').load('Service.html').fadeIn();
}, 2000
);