使用javascript自动刷新div本身

时间:2016-01-19 15:12:56

标签: javascript jquery

我想自动刷新特定的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本身?

1 个答案:

答案 0 :(得分:1)

您应该将source的url作为参数提供给load()函数。

.load('sample/ajax');

但我想你应该知道这背后发生了什么。

您可以使用ajax加载div元素的innerHTML,而无需重新加载页面。

假设你有loadContent()函数从服务器返回新的html内容。此函数使用ajax动态加载内容。

所以,你可以说:

var myNewContent = loadContent();
$('#myDiv').html(myNewContent);

现在,您可以使用setInterval()函数定期执行此操作,就像您在问题中所做的那样。

还有一些事情你需要知道。

  1. 您需要了解ajax。它很容易学习这种技术。
  2. 您需要了解synchronous and asynchronous calls之间的区别。以及如何处理promises

  3. 如果您尝试从与您不同的域中获取内容,则需要了解cross domain requests

  4. 祝你好运!