javascript - 如何刷新 DIV 内容？

Question

<div id='here'></div>

我正在尝试刷新一堆 div 中的某个 div。除了借助 XMLHttpRequest 发送的许多变量之外，div 内容基本上由 PHP 以及来自 MySQL 数据库的数据生成。

想法是重新加载/刷新 div 本身，而不是加载 php 文件或用 .text 或 .html 覆盖它。在这种情况下，我不能使用 .load('file.php')

我试过的:

<script type='text/javascript'>
    function updateDiv()
    { 
        document.getElementById("here").innerHTML = document.getElementById("here").innerHTML ;
    } 
</script>

和(每 3 秒刷新一次):

$(document).ready(function () {
    setInterval(function () {
        $('#here').load('#here'));
    }, 3000);
});

理想情况下，我需要这样的东西:

function reloadDIV () {document.getElementById("here").innerHTML.reload}

function reloadDIV () {$('#here').load(self)} 

这样我就可以在 onClick 中使用它了:

<a onclick='reloadDIV ();'>reload div</a>

Answer 1

要重新加载页面的一部分，您可以使用 jquerys load 和当前 url 并指定您需要的片段，这与 load 是相同的元素调用，在这种情况下 #here:

function updateDiv()
{ 
    $( "#here" ).load(window.location.href + " #here" );
}

• 不要忽略加载元素选择器中的空格:+ "#here"

这个函数可以在一个区间内调用，也可以附加到一个点击事件上