jQuery.ajax() -如何最好地处理超时

Question

我想知道，用jQuery.ajax()处理超时的最佳方法是什么。这就是我目前的解决方案:如果超时发生，页面将被重新加载，脚本将在给定的时间范围内获得另一次加载数据的机会。

问题:如果"get_json.php"(下面的例子)确实不可用，它将成为一个无休止的重新加载循环。可能的解决方案:添加一个计数器，并在$x重新加载后取消。

问题1 :如何处理超时错误最好?

问题2 :你推荐的超时时间是什么?为什么?

:

$.ajax({
    type: "POST",
    url: "get_json.php",
    timeout: 500,
    dataType: "json",
    success: function(json) {
        alert("JSON loaded: " + json);
    },
    error: function(request, status, err) {
        if (status == "timeout") {
            // timeout -> reload the page and try again
            console.log("timeout");
            window.location.reload();
        } else {
            // another error occured  
            alert("error: " + request + status + err);
        }
    }
});

提前感谢!

Answer 1

您可以采用其他方法，您可以在超时发生时首先清除interval。如果您使用这个clearInterval()函数，则不需要重新加载页面。它会自动停止。

function ajax_call(){ 
$.ajax({
        type: "POST",
        url: "get_json.php",
        timeout: 500,
        dataType: "json",
        success: function(json) {
            alert("JSON loaded: " + json);
        },
        error: function(request, status, err) {
            if (status == "timeout") {
                // timeout -> reload the page and try again
             clearInterval(ajax_call);
                window.location.reload(); //make it comment if you don't want to reload page
            } else {
                // another error occured  
                alert("error: " + request + status + err);
            }
        }
    });
}
setInterval(ajax_call,timeout_duration);