Question

我有这个js / ajax代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
    $.ajaxSetup({ cache: false }); // This part addresses an IE bug. without it, IE will only load the first number and will never refresh
    setInterval(function() {
        $('.container').load('/copy/copy.php');
    }, 4000);
});
// ]]></script>

<div class="container"></div>

但我需要确保＆＃39; copy.php＆＃39;已满载，直到再次刷新

Answer 1

.load() function提供了一个加载完成后使用的回调：

$('.container').load('/copy/copy.php', function(){
 // the load has completed successfully. 
});

使用此回调启动重新加载内容。

Answer 2

我会使用recursive-ish setTimeout代替：

function refreshContent() {
    $.get('/copy/copy.php').done(function (content) {
        $('.container').html(content);
    }).always(function () {
        setTimeout(refreshContent, 4000);
    });
}

这样，4秒计时器就不会启动，直到通话结束。

加载页面完成后，ajax页面刷新

2 个答案: