Jquery - 自动刷新页面上的特定 div

Question

我想每 3 秒自动刷新一个特定的 div（使用“autotest”类），我使用此脚本来执行此操作：

<div class="autotest">some variable</div>

setInterval(function() {
  $('.autotest').load(window.location.href + ' .autotest');
}, 3000);

它有点工作，但它在刷新时包含标签，所以它看起来像这样：

<div class="autotest">
  <div class="autotest">some variable</div>
  <div class="autotest">some variable</div>
</div>

第一次刷新时会像上面那样结束。下次刷新时不会添加更多 div。每次刷新时，它都会更新良好的变量。

这里有什么问题？

Answer 1

您需要在您的请求中添加一个查询参数，例如“isajax=true”，以通知您的 php 代码这是一个 ajax 调用，它不需要在输出中包含周围的 div。

在您的 php 文件中，您可以简单地添加一个 if 子句来根据查询参数发送不同的输出：

if (!empty($_GET['isajax']) && $_GET['isajax'] == 'true') {
    // response without html tag
} else {
    // normal html response
}

Answer 2

感谢您的帮助@Alimo。我无法让它工作，但可能是我。我决定将我的变量放在另一个页面中，然后简单地加载那个。

setInterval(function() {
  $('.autotest').load('autotest.php');
}, 3000);