使用javascript自动刷新div

Question

情况我正在尝试自动刷新在 Joomla 2.5 的文章中定义的标签

     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js">         </script> 
     <script> 
     var auto_refresh = setInterval(
     function()
     {
     alert("testing");
     $('#results').fadeOut('slow').load('#results').fadeIn("slow");
     }, 20000);
     </script-->

     <div id="results">
     {szakitable  csv = "http://127.0.0.1/msedcl/Archives/status2.csv" csvseparator=","  width= 430}
     {/szakitable}
     </div>

以上代码使用了一个名为 szaki 表的扩展，它允许将 csv 文件直接嵌入到文章中。 我要求 div 应该每 20 秒重新加载一次，以便在 csv 文件中所做的更改反映在网页上。 问题 当我调用 "$('#results').fadeOut('slow').load('#results').fadeIn("slow");" 发生的是整个页面在 div 区域内重新加载。这不是我需要的。

请给点建议！

Answer 1

你试过了吗？

$('#results').fadeOut('slow').load('{current_page.html} #results').fadeIn("slow");

将 {current_page.html} 替换为文档的文件名

使用回调的另一种方式

$('#results').fadeOut('slow', function(){
    $(this).load('index.html #results').fadeIn("slow")
});

Answer 2

看到.load()是需要从其他页面加载外部数据到当前页面而不刷新整个页面。

当我看到您的代码时，您正在加载 div #results，这根本不起作用。

来自文档：

Loading Page Fragments:

.load() method, unlike $.get(), allows us to specify a portion of the remote document to be inserted. 这是通过 url 参数的特殊语法实现的。如果字符串中包含一个或多个空格字符，则字符串中第一个空格之后的部分被假定为确定要加载的内容的 jQuery 选择器。

example:

$('#result').load('ajax/test.html #container');

这将加载的是 gets the test.html 和 find the element with id of container 并将其加载到当前页面上的元素 result 内。

---

所以在你的情况下：

var auto_refresh = setInterval(function(){
   alert("testing");
   $('#results').fadeOut('slow').load('targetpage.php #results').fadeIn("slow");
 }, 20000); //-------------------------^^^^^^^^^^^^^^---required

或者如果你用其他方式加载它，那么你可以这样做：

$('#results').fadeOut('slow').fadeIn("slow");