使用JQuery Promises传递参数

Question

有人可以提供更好的方法来使用jQuery Promises进行以下操作：

问题是我想在从ajax返回的数据旁边传递额外的参数，并修改返回的数据，然后再次将其发布到另一个请求中。

var obj= $(this);

$.get(
  "fetch_data1", 
  {},
  function(data){
    callback1(data, obj)
  });

function callback1(data, obj){
  var anotherParam = "test"

  $.get(
    "fetch_data2", 
    {"data":data, "q":obj.text()},
    function(data2){
      callback2(data, obj, anotherParam)
    });
}

function callback2(data2, obj, another_Param){
  obj.text(data2 + another_Param);
}

Answer 1

jQuery.get是一个等效于：

jQuery.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

使用full函数，您可以提供一个上下文对象，并在回调函数中使用它，如下所示：

jQuery.ajax({
  url: 'fetch_data1',
  data: {},
  context: { MyContext: $(this) },
  success: callback1
});

function callback1(data) {
  var context = this;
  var whatever = context.MyContext.text();
};

您的上下文对象可以像您需要的那样复杂，其中包含需要传递给回调函数的所有数据。

Answer 2

您要找的不是deferred.then（）（ https://api.jquery.com/deferred.then/ ）吗？ 您的代码可以重写为如下形式：

var obj= $(this);

$.get("fetch_data1_url")
.then(function(data1){
    return callback1(data1, obj);
})
.then(function(data2) {
    var anotherParam = "test";

    callback2(data2, obj, anotherParam);
});

function callback1(data1, obj){
    return $.get(
        "fetch_data2_url", 
        { "data": data1, "q": obj.text() },
    );
}

function callback2(data2, obj, another_Param){
    obj.text(data2 + another_Param);
}