如何触发ajax请求队列启动？

Question

我按照answer 中给出的方法创建 ajax 请求队列。但是我的队列是在线创建的（取决于用户操作），所以我的功能如下：

sendMessage = function(fieldName, oldValue, newValue) {
  $(document).queue("ajaxRequests", function() {
    // ...
    $.ajax({
      // ...
      success: function(data) {
        $(document).dequeue("ajaxRequests");
      }
    });
  });
  $(document).dequeue("ajaxRequests");
};

所以，我会多次调用这个sendMessage 函数。因为我在这个函数的末尾有$(document).dequeue("ajaxRequests");，所以看起来它不能正常工作——ajax 会启动几次。

那么，如何第一次正确触发函数呢？也许我应该检查队列长度？或者，我应该使用fully manual queue吗？

Answer 1

我会使用延迟对象http://api.jquery.com/category/deferred-object/

您创建一个已解析的延迟对象作为队列并随意管道您的请求。例如

var mid=0; var queue=$.Deferred(); queue.resolve();

function sendMessage(msgId) {
        return $.ajax({
            type: "GET",
            url: "/echo/json/",
            data: {delay: 1},
            dataType: "JSON",
            success: function(){
                console.log("Success for " + msgId+ "");
            }
        });
}

function queueMessage() {
    var m=++mid;
    console.log("Queueing "+m)

    queue=queue.pipe( function() {
        return sendMessage(m);
    });
}

queueMessage();
queueMessage();

一个小提琴http://jsfiddle.net/j6CKj/