Question

是否有任何常见方式，示例或代码模板如何重复因连接问题而失败的XHR？最好在jQuery中，但欢迎其他想法。

我需要将一些应用程序状态数据发送到数据库服务器。这是由用户单击按钮启动的。如果XHR由于某种原因失败，我需要确保以正确的顺序稍后发送数据（此处不需要交互）（用户可以再次按下按钮）。

Answer 1

jQuery在.ajax中为此提供了一个错误回调：

$.ajax({
    url: 'your/url/here.php',
    error: function(xhr, status, error) {
        //  The status returns a string, and error is the server error response.
        //  You want to check if there was a timeout:
        if(status == 'timeout') {
           $.ajax();
        }
    }
});

有关详细信息，请参阅the jQuery docs。

Answer 2

我将如何做到这一点：

function send(address, data) {

    var retries = 5;

    function makeReq() {


        if(address == null)
            throw "Error: File not defined."

        var req = (window.XMLHttpRequest)?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");

        if(req == null)
            throw "Error: XMLHttpRequest failed to initiate.";

        req.onload = function() {
            //Everything's peachy
            console.log("Success!");
        }
        req.onerror = function() {
            retries--;
            if(retries > 0) {
                console.log("Retrying...");
                setTimeout(function(){makeReq()}, 1000);
            } else {
                //I tried and I tried, but it just wouldn't work!
                console.log("No go Joe");
            }
        }

        try {
            req.open("POST", address, true);
            req.send(data); //Send whatever here

        } catch(e) {
            throw "Error retrieving data file. Some browsers only accept cross-domain request with HTTP.";
        }


    }
    makeReq();

}


send("somefile.php", "data");

为确保以正确的顺序发送所有内容，您可以将一些ID变量添加到send函数中。这一切都会发生在服务器端。

当然，不需要对重试进行限制。

重复失败的XHR

2 个答案: