我想自动刷新特定的div。 我尝试使用以下脚本:
var auto_refresh = setInterval(
function () {
$('#refresh').load('#refresh').fadeIn();
}, 2000
);
然而,它不起作用。我认为当前页面网址需要添加如“$('#refresh')。load('{current_page.html} #refresh')。fadeIn();” (auto refresh a div using javascript)。
有没有办法在不添加到当前页面网址的情况下使用javascript或jQuery刷新特定的div本身?
答案 0 :(得分:1)
您应该将source的url作为参数提供给load()函数。
.load('sample/ajax');
但我想你应该知道这背后发生了什么。
您可以使用ajax加载div元素的innerHTML
,而无需重新加载页面。
假设你有loadContent()
函数从服务器返回新的html内容。此函数使用ajax动态加载内容。
所以,你可以说:
var myNewContent = loadContent();
$('#myDiv').html(myNewContent);
现在,您可以使用setInterval()
函数定期执行此操作,就像您在问题中所做的那样。
还有一些事情你需要知道。
您需要了解synchronous and asynchronous calls之间的区别。以及如何处理promises。
如果您尝试从与您不同的域中获取内容,则需要了解cross domain requests。