重复jQuery ajax请求

时间:2012-01-22 08:53:41

标签: javascript jquery

我向服务器发出ajax请求。有时我收到502错误。因此,如果发生这种情况,则会调用error()方法。

如果收到错误,我该如何重复请求?代码应如下所示:

$.ajax({
                url: 'http://server/test.php',
                type: 'GET',
                dataType: 'jsonp',
                cache: 'false',
                timeout: 32000,
                success: function(data) {
                  //some actions here
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.log("Error[refresh]: " + textStatus);
                    console.log(jqXHR);
                    // here I want to repeat the request like "this.repeat()"
                },
            });

3 个答案:

答案 0 :(得分:6)

你可以这样做,

function ajaxCall(){
      $.ajax({
                url: 'http://server/test.php',
                type: 'GET',
                dataType: 'jsonp',
                cache: 'false',
                timeout: 32000,
                success: function(data) {
                  //some actions here
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.log("Error[refresh]: " + textStatus);
                    console.log(jqXHR);
                    ajaxCall(); // recursion call to method.
                },
            });
}

答案 1 :(得分:5)

将代码置于功能中并再次调用此函数。像:

function ajaxFunction()
{
 ....
error:function(){ajaxFunction();}
}

答案 2 :(得分:3)

根据Hadas的建议使用呼叫限制:

function ajaxCall(count) {
    count = typeof count == 'undefined' ? 0 : count;
    limit = 5;
    if(count === limit) return;
    // no need to specify cache and type:
    //   type has 'GET' as default value
    //   cache has default value of false if the dataType is jsonp
    $.ajax({        
        url: 'http://server/test.php',
        dataType: 'jsonp', 
        timeout: 32000,
        async: false 
    }).done(function(data) {
        // some actions here
    }).fail(function(jqXHR, textStatus, errorThrown) {
        count += 1;
        console.log("Error[refresh]: " + textStatus);
        console.log(jqXHR);
        // 500, 1000, 1500, 2000 etc
        setTimeout(function() {
            ajaxCall(count);
        }, 500*count);
    });
};