在一頁中用jQuery重新加載3個DIV

Question

我有3個DIV，分別在其中加載3個不同的頁面，然后使用以下代碼用jQuery刷新它們：

var auto_view = setInterval(
    function () {
        $('#viCount').load('adViCount.php').fadeIn("slow");
    }, 500
);

var auto_like = setInterval(
    function () {
        $('#liCount').load('adLiCount.php').fadeIn("slow");
    }, 500
);

var auto_favorite = setInterval(
    function () {
        $('#faCount').load('adFaCount.php').fadeIn("slow");
    }, 500
);

顯示：

<div id="viCount"></div>
<div id="liCount"></div>
<div id="faCount"></div>

• 我想知道這種方式是否正確
• 我想在頁面加載時設置值，然后每10秒重新加載div
• 我想知道這是否不會導致高服務器負載（性能）

感謝大伙們

Answer 1

將加載的內容放到一個函數中，在DOM准備就緒時以及每10秒調用一次：

function performRequests() {
    $('#viCount').load('adViCount.php').fadeIn("slow");
    $('#liCount').load('adLiCount.php').fadeIn("slow");
    $('#faCount').load('adFaCount.php').fadeIn("slow");
}

$(document).ready(function () {
    // Load once on pageload
    performRequests();

    // And then every 10 seconds
    var requestsInterval = setInterval(performRequests, 10000);
});

更好的方法是在一個調用中返回這三個視圖（例如，您可以返回JSON），以便減少服務器請求。

Answer 2

要設置一個值，您將需要在load（）完成時調用一個函數，例如：

var foo=1;
$('#faCount').load('adFaCount.php', function(){
  foo++;
});

Answer 3

要在頁面加載期間填充值，您應該在php中包含腳本（對不起，我不知道該怎么做）

要每10秒重新加載腳本，可以將時間間隔設置為10000。

要停止重新加載，可以使用clearInterval函數

clearInterval(auto_view);

好吧，我不知道這是否是最好的方法，但是如果您需要每10秒刷新一次div，那應該是我的方法。