Question

//******************Example for multiple ajax success and failure*************//
    function doAjax1(){
        var data="ajax_mode=request1&sample_data1=sample_data1";
        return $.get("ajax.php",data,function(msg){
            //alert(msg);
        });
    }

    function doAjax2(){
        var data="ajax_mode=request2";
        return $.get("ajax.php",data,function(msg){
            //alert(msg);
        });
    }

//success and error cant be used with $.when()
    $.when( doAjax1(), doAjax2() ).then(function(msg){
        alert('alert oncompletion of both ajax'+msg); //Not returns both ajax result 
      console.log( 'I fire once BOTH ajax requests have completed!' );
   }).fail(function(){
      console.log( 'I fire if one or more requests failed.' );
   }).done(function(){
      console.log( 'I fire if one or more requests done.' );
   });
//****************************************************************************//

PHP代码 ajax.php

<?php
if( isset($_REQUEST['ajax_mode']) )
{
    $ajax_mode=trim($_REQUEST['ajax_mode']);
    switch($ajax_mode){

    case 'request1':
    $sample_data1=$_REQUEST['sample_data1'];
    $checking="checking ajax req 1";
    echo $sample_data1;
    break;

    case 'request2':
    $checking="checking ajax req 2";
    echo $checking;
    break;

    }
}
?>

问题：函数doAjax1，doAjax2从服务器返回值。我将使用$.when()来表示多个ajax请求

我需要在所有ajax请求完成后获取所有ajax返回值。

我曾使用$.when().then(function(msg){alert(msg)})

警报结果sample_data1,success,[object Object] [请解释我为何会这样提醒]

我的预期提醒结果sample_data1, sample_data2

Answer 1

$.when(doAjax1(), doAjax2())
  .then(myFunc, myFailure);
// Execute the function myFunc when both ajax requests are successful, 
// or myFailure if either one has an error.

myFunc = function(a1,  a2){
    /* a1 and a2 are arguments resolved for the 
        doAjax1 and doAjax2 ajax requests, respectively */
   var jqXHR1 = a1[2]; /* arguments are [ "success", statusText, jqXHR ], this explains why you got `sample_data1,success,[object Object]` in your alert */
   alert(jqXHR1.responseText);
}

如何使用.then函数与jquery中的参数

1 个答案: