如何使用 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. 处理检索到的数据：成功检索反馈数据后，使用收到的数据更新反馈容器（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中文网其他相关文章！