Ajax $.when 使用多个参数时返回不同的对象

Question

我正在使用 jquery $.when 来调用返回 json 的 REST url。

当我使用单个参数执行 $.when 时，我在 data1 结果中得到的对象与执行多个结果时不同，即使返回参数都应该是独立的。

<script>
$(document).ready(function () {

    fun1(1025);
    fun2(1025);

    function fun1(id) {
        $.when(_restFun1(id), _restFun1(id)).done(function(data1, data2) {
            console.log(data1);
        });
    }

    function fun2(id) {
        $.when(_restFun1(id)).done(function(data1) {
            console.log(data1);
        });
    }

});
</script>

打印到 console.log 的对象是不同的，即使这两个函数应该打印同一个对象！

注意：

_restFun1 函数是这样的：

function _restFun1(id)
{
    return $.ajax({
        url: "http://192.123.12.3/test.php?id="+id,
        data: "",
        dataType: 'json',
        success: function (data1) {
        }
    });
}

它返回一个json对象，在一种情况下，我得到json对象，在多次调用的情况下，我得到一个具有多个其他字段的对象，如responseText，responseJSON，一个“成功”字符串，然后在一个数组中我需要的真正的 JSON。

Answer 1

注意，在 jQuery.when() documentation 上，关于返回的 jQuery.ajax 调用返回数组 [responseText, textStatus, jqxhr] ("success") 或 [jqxhr, textStatus, errorThrown] ("error") 并不完全清楚

如果 Deferred 解析为单个值，则对应的参数 将保持该值。在延迟解决的情况下 多个值，对应的参数将是这些值的数组 价值观。

最接近的示例演示可以在文档中找到

var d1 = new $.Deferred();
var d2 = new $.Deferred();
var d3 = new $.Deferred();

$.when( d1, d2, d3 ).done(function ( v1, v2, v3 ) {
    console.log( v1 ); // v1 is undefined
    console.log( v2 ); // v2 is "abc"
    console.log( v3 ); // v3 is an array [ 1, 2, 3, 4, 5 ]
});

d1.resolve();
d2.resolve( "abc" );
d3.resolve( 1, 2, 3, 4, 5 ); // returned as `array` at `.done()`

---

另见

Ajax response has different format when used with JQuery when function

jquery when documentation for response and errors

---

响应将是array [responseText, textStatus, jqxhr]，其中responseText 来自服务器的响应； textStatussuccess，error； jqxhrjQuery jqXHR 对象

试试

function fun1(id) {
  $.when(_restFun1(id), _restFun1(id))
  .done(function(data1, data2)) {
    // `data[0]`, `data1[0]` should be `responseText` , `responseJSON`    
     console.log(data1[0], data2[0]);  
  })
}