如何使用 jQuery 以 10 秒的間隔檢索 Ajax 資料？

jQuery：以10 秒的間隔檢索Ajax 資料

在設計包含即時資料擷取的回饋顯示時，重要的是實作一種定期更新顯示內容的方法。這可以使用 jQuery 強大的 Ajax 功能來實現。

要設定每10 秒顯示新項目的回饋div，您可以使用以下方法：

1. 定義檢索回饋的函數： 建立一個名為get_fb的函數，該函數執行Ajax 呼叫以從伺服器端檢索反饋資料腳本，如feedback.php。
2. 設定Ajax呼叫參數：在get_fb函數中，指定請求類型（POST）、將請求傳送到的URL（feedback.php )，並將async 設為false 以確保呼叫是同步的。
3. Handle Retrieved資料： 成功擷取回饋資料後，使用收到的資料更新回饋容器 (div.feedback-box) 的 HTML 內容。
4. 排程自動擷取： 顯示定期新增回饋項目，使用setInterval或setTimeout建立計時器。配置計時器每 10 秒呼叫一次 get_fb 函數。

這是根據您提供的程式碼改進的範例：

<code class="javascript">function get_fb(){
    var feedback = $.ajax({
        type: "POST",
        url: "feedback.php",
        async: false
    }).responseText;

    $('div.feedback-box').html(feedback).delay(10000).queue(function() {
        setTimeout(function(){get_fb();}, 10000);
    });
}</code>

注意： 這種方法在上一次檢索完成後安排下一次檢索。您可以根據需要調整時間以最佳化顯示效能。

以上是如何使用 jQuery 以 10 秒的間隔檢索 Ajax 資料？的詳細內容。更多資訊請關注PHP中文網其他相關文章！