每x秒从服务器请求数据的最佳方法 - Best way to request data from server every x seconds

Best way to request data from server every x seconds

我创建了一个非常简单的例子。我尝试每 X 秒从我的服务器请求一个值，在这种情况下，我只想每秒获取一个随机数。此解决方案有效，但不幸的是，一段时间后似乎发生了无限循环，从而导致崩溃。一段时间后我也会收到超过 100k 错误 net::ERR_INSUFFICIENT_RESOURCES.

request_data(1000);
function request_data(intervall) {            
    $.post('ajax.php', {
        cmd: "get_random_number"
    }, function (returned_data, status) {
        if (status === "success") {
            $("#result_output").html(returned_data);
            setInterval(function() {
                request_data(intervall);
            }, intervall);
        }
    });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="result_output></p>

// ajax.php
<?php
    $cmd  = filter_input(INPUT_POST, "cmd");
    if (isset($cmd) && $cmd == "get_random_number") {
        echo rand(5, 15);
    }

实现这一目标的最佳解决方案是什么？

你可以做一个setInterval，然后在里面做一个ajax调用。您可以在 $.ajax 中设置的参数之一是超时 - 以便您可以停止多个 ajax 调用堆叠并导致问题。

$.ajax({
    url: '',
    type: '',
    data: {},
    timeout: 3000,
    success: function(data){
        // do stuff
    }
});

有关参数的详细信息，请参阅 http://api.jquery.com/jQuery.ajax/

正如 Derek 所指出的，这是因为您正在进行 2^n 次调用，因为 setInterval 位于函数本身内部。

试试这样吧

window.setInterval(1000, request_data);
function request_data() {            
    $.post('ajax.php', {
        cmd: "get_random_number"
    }, function (returned_data, status) {
        if (status === "success") {
            $("#result_output").html(returned_data);
        }
    });
}

我通过简单地用setTimeout替换setInterval来解决它。