Как получить результаты Ajax для нескольких отложенных вызовов в JQuery? - PullRequest
Новая
       4

Как получить результаты Ajax для нескольких отложенных вызовов в JQuery?

5 голосов
/ 21 февраля 2011

Я пытаюсь получить отложенную работу jquery, как показано в коде ниже. 

<script type="text/javascript">
    var appUrls = {
                      GetDataUrl : '@Url.Action("GetData")'
                  };

    function GetData1(){
        return $.getJSON(appUrls.GetDataUrl, { Id: 1 });
    }

    function GetData2() {
        return $.getJSON(appUrls.GetDataUrl, { Id: 2 });
    }

    $(function(){
        $("#result").html("Getting Data1, Data2 .... ");

        $.when(GetData1(), GetData2())
         .then(function(result){
             //The 'result' only contains the data from first request.  
             console.log(result);
             $("#result").html("Completed GetData1, GetData2"); 
         });

    });

    </script>

После завершения обоих вызовов я хотел бы извлечь данные Json, возвращенные из обоих вызовов. Однако объект 'result' содержит только данные, возвращаемые первым вызовом (GetData1)? Как я могу получить результат для обоих вызовов в методе обратного вызова then, приведенном выше.

1 Ответ

7 голосов
/ 21 февраля 2011

Поскольку у вас есть два запроса, вы получите два аргумента result1,result2: 

<script type="text/javascript">
var appUrls = {
    GetDataUrl : '@Url.Action("GetData")'
};

function GetData1(){
    return $.getJSON(appUrls.GetDataUrl, { Id: 1 });
}

function GetData2() {
    return $.getJSON(appUrls.GetDataUrl, { Id: 2 });
}

$(function(){
    $("#result").html("Getting Data1, Data2 .... ");

    $.when(GetData1(), GetData2())
    .then(function(result1,result2){
        console.log(result1);
        console.log(result2);
        $("#result").html("Completed GetData1, GetData2"); 
    });

});

</script>
...