AJAX jQuery 刷新 div 每 5 秒

2022-08-30 15:31:50

我从一个网站得到了这个代码,我已经根据我的需求进行了修改:

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
</head>

<div id="links">

</div>

<script language="javascript" type="text/javascript">
var timeout = setTimeout(reloadChat, 5000);

function reloadChat () {
$('#links').load('test.php #links',function () {
        $(this).unwrap();
        timeout = setTimeout(reloadChat, 5000);
});
}
</script>

测试中.php:

<?php echo 'test'; ?>

因此,我希望在链接div中每5秒调用一次测试.php。我怎样才能做到这一点?


答案 1

试试这个。

function loadlink(){
    $('#links').load('test.php',function () {
         $(this).unwrap();
    });
}

loadlink(); // This will run on page load
setInterval(function(){
    loadlink() // this will run after every 5 seconds
}, 5000);

希望这有帮助。


答案 2

尝试使用和包含,然后尝试删除setIntervaljquery libraryunwrap()

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">

var timeout = setInterval(reloadChat, 5000);    
function reloadChat () {

     $('#links').load('test.php');
}
</script>

更新

您正在使用jquery旧版本,因此请包含最新的jquery版本

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>