将 2 ajax 次调用合并为 1 次回调

Question

我正在构建一个 Chrome 扩展，我需要合并 2 个单独的 AJAX 调用，以便我有 1 个成功回调。最好的方法是什么？

Auth.prototype.updateContact = function(id, contact_obj) {
  var self = this,
      contact_str = JSON.stringify(contact_obj);

  return new RSVP.Promise(function(resolve, reject) {
    self.authorize()
      .then(function() {
        $.ajax({
          type: "PUT",
          url: self.url + "contacts/" + id,
          contentType: "application/json; charset=utf-8",
          data: contact_str,
          dataType: "json",
          success: function(data) {
            resolve(data);
          },
          error: function(jqXHR, textStatus, errorThrown) {
            var msg = "updateContact error: request: " + id + " " +
                  contact_str + " response: " + jqXHR.responseText +
                  " e=" + JSON.stringify(errorThrown);
            sendErrorBackground(msg);
            reject(jqXHR);
          }
        });
      });
  });
};

Auth.prototype.updateContactList = function(id, list_obj) {
  var self = this,
      list_str = JSON.stringify(list_obj);

  return new RSVP.Promise(function(resolve, reject) {
    self.authorize()
      .then(function() {
        $.ajax({
          type: "POST",
          url: self.url + "add_lists",
          contentType: "application/json; charset=utf-8",
          data: list_str,
          dataType: "json",
          success: function(data) {
            resolve(data);
          },
          error: function(jqXHR, textStatus, errorThrown) {
            var msg = "updateContactList error: request: " + id + " " +
                  list_str + " response: " + jqXHR.responseText +
                  " e=" + JSON.stringify(errorThrown);
            sendErrorBackground(msg);
            reject(jqXHR);
          }
        });
      });
  });
};

尝试使用@Saar 的建议

Auth.prototype.updateContact = function(id, contact_obj, list_obj) {
  var self = this,
      contact_str = JSON.stringify(contact_obj),
      list_str = JSON.stringify(list_obj);


  var promiseA = new RSVP.Promise(function(resolve, reject) {
        self.authorize().then(function() {
          $.ajax({
            type: "PUT",
            url: self.url + "contacts/" + id,
            contentType: "application/json; charset=utf-8",
            data: contact_str,
            dataType: "json",
            success: function(data) {
              return data
            }
          });
        });
      });

  var promiseB = new RSVP.Promise(function(resolve, reject) {
    self.authorize().then(function() {
        $.ajax({
          type: "POST",
          url: self.url + "add_lists",
          contentType: "application/json; charset=utf-8",
          data: list_str,
          dataType: "json",
          success: function(data) {
            return data
          }
        });
      });
    });

  $.when(promiseA, promiseB).then(function(resultA, resultB) {
    console.log(resultB);
  });
};

Answer 1

如果您使用 RSVP 承诺，那么您需要使用 "all"

Auth.prototype.updateContact = function (id, contact_obj, list_obj) {
    var self = this,
        contact_str = JSON.stringify(contact_obj),
        list_str = JSON.stringify(list_obj);


    var promiseA = new RSVP.Promise(function (resolve, reject) {
        self.authorize().then(function () {
            $.ajax({
                type: "PUT",
                url: self.url + "contacts/" + id,
                contentType: "application/json; charset=utf-8",
                data: contact_str,
                dataType: "json",
                success: function (data) {
                    return data
                }
            });
        });
    });

    var promiseB = new RSVP.Promise(function (resolve, reject) {
        self.authorize().then(function () {
            $.ajax({
                type: "POST",
                url: self.url + "add_lists",
                contentType: "application/json; charset=utf-8",
                data: list_str,
                dataType: "json",
                success: function (data) {
                    return data
                }
            });
        });
    });


    var promises = [promiseA, promiseB];

    RSVP.all(promises).then(function (results) {
        // results contains an array of results for the given promises
        console.log(results);
    }).catch(function (reason) {
        // if any of the promises fails.
    });
};

将 2 ajax 次调用合并为 1 次回调

Combine 2 ajax calls into 1 callback

javascript

ajax

jquery

callback

google-chrome-extension