如何处理ajax中的延迟

Question

我正在使用FireBase，一种NOSQL云数据存储。当孩子（数据）被改变时，它可以自动更新我的JavaScript。不过，我有问题。

阿贾克斯的脚本：

var myDataRef = new Firebase('https://App_Name.firebaseio.com/session'); 
     myDataRef.on('child_added', function(snapshot) { 
     var message = snapshot.val(); 
     console.log("out of ajax: user"+ message.userId); 
     $.ajax({ 
      type: 'POST', 
      url: "showProfile.php", 
      data: {userId : message.userId}, 
      dataType: 'json', 
      success: function (data) { 
         console.log("inside ajax: user" + data.userId); 
        }, 
      error: function(e) { 
       console.log(e); 
      } 
     }); 
     }); 

的问题之一，它没有运行同步。其次，它是无序的。 inside ajax:的顺序仅取决于先到先得的顺序。

结果在控制台：

out of ajax: user1 
out of ajax: user2 
out of ajax: user3 
out of ajax: user4 
inside ajax: user3 
inside ajax: user2 
inside ajax: user4 
inside ajax: user1 

然而，我预期的结果是：

out of ajax: user1 
inside ajax: user1 
out of ajax: user2 
inside ajax: user2 
out of ajax: user3 
inside ajax: user3 
out of ajax: user4 
inside ajax: user4 

或

out of ajax: user1 
out of ajax: user2 
out of ajax: user3 
out of ajax: user4 
inside ajax: user1 
inside ajax: user2 
inside ajax: user3 
inside ajax: user4 

Answer 1

我会努力的承诺，如果你是在ECMAScript中6个浏览器。如果没有，jquery的延迟方法也允许你链接ajax调用。这里有一篇很好的文章，以An introduction to jQuery Deferred/Promise and the design pattern in general开头。你也可以在网上找到很多其他人。