你如何处理多个ajax请求?

时间:2014-01-30 21:25:23

标签: javascript jquery ajax

当我的第一个ajax请求获得完成回调时,当我通过相同的ajax请求将ResultJSON.two == true中的某个json属性返回到我的页面时,当我到达我的属性时,我将如何执行额外的ajax请求以上?下面,我在完成回调中执行其他ajax请求。我将再使用其中两个请求。有没有更好的方法来做到这一点,因为它目前无法正常工作。我创建函数ajaxUpdateTwo(),然后我调用它。欢迎任何建议。

这是我的代码

function ajaxUpdateOne() {
$("li.large-3.medium-3.columns").remove();
$.ajax({
    url: 'includes/current.html',
    dataType: 'json'
}).done(function(data) {
    ResultJSON = data;
    console.log(ResultJSON);
    if (ResultJSON.count != '') {
        $("input[name='itemCount']").attr("value", ResultJSON.count);
        $("input[name='totalCount']").attr("value", ResultJSON.totalCount);
        delete ResultJSON.count;
        delete ResultJSON.totalCount;
    }
    $.each(ResultJSON, function(key, value) {
        $("ul.grid").append(value);
    });
    if (ResultJSON.two == true) {
        alert('test');

        function ajaxUpdateTwo() {
            $.ajax({
                url: 'includes/recent.html',
                dataType: 'json'
            }).done(function(data) {
                ResultJSON = data;
                console.log(ResultJSON);
                if (ResultJSON.count != '') {
                    $("input[name='itemCount']").attr("value", ResultJSON.count);
                    $("input[name='totalCount']").attr("value", ResultJSON.totalCount);
                    delete ResultJSON.count;
                    delete ResultJSON.totalCount;
                }
                $.each(ResultJSON, function(key, value) {
                    $("ul.grid").append(value);
                });
            }).fail(function(data) {
                alert('A failure has occurred on two.');
            });
        }
        ajaxUpdateTwo();
    }
}).fail(function(data) {
    alert('A failure has occurred');
});
}

ajaxUpdateOne();
setInterval(ajaxUpdateOne, 8000);

0 个答案:

没有答案