html - 如何在html中只刷新一个div？

Question

目前我的代码中有这一行

<meta http-equiv="refresh" content="<?php echo $dataInterval ?>" >

问题是它刷新了我的整个网站。我希望它只刷新我网站上一个特定的 div 部分，这是一个从文件中提取数据的图表。

Answer 1

您不能使用纯 HTML 和 CSS 来做到这一点。为此，您必须使用 Ajax。一个例子是 jQuery 中的 .load() 函数:

$(".element").load(location.href + " .element > *");

这将在其内部加载 .element 的内容。

例如，您可以将它与超时一起使用以定期重新加载:

setTimeout('ReloadPage()', 60000);

function ReloadPage() {
    $(".element").load(location.href + " .element > *");
}

这将每 60 秒重新加载 .element 的内容。