将$.ajax分配给变量并传递给$.when

Question

我想要实现的是，对AJAX请求进行处理，当两者都完成时，用响应更新DOM。守则如下：

  var prefix = container.data("lang");

  var typeList = $.ajax({
    url: "/" + prefix + "/camps/list/",
    data: {
      url: hashLink
    },
    type: "POST"
  });

  var typeData = $.ajax({
    url: "/" + prefix + "/camps/type",
    data: {
      url: hashLink
    },
    type: "POST",
    dataType: "JSON"
  });

  $.when(typeList, typeData).done(function(list, data) {
    console.log("we're done");
    //do something
  });

问题如下--我根本没有任何控制台日志。我做错什么了？

Answer 1

事实证明，使用fail方法进行错误检查是一个非常好的jQuery异步调用方法。所以，像这样把我推迟的工作做好：

$.when(typeList, typeData)
   .done(function(list, data) {
      console.log("we're done");
      //do something
   }).fail(function(list, data){
      console.log("Houston, we have a problem!");  
   });

为我省去了很多麻烦，还为我提供了一些引导错误的方法。由于我们将statusText作为回调函数的一个参数，因此很容易得到问题所在。