问用Jquery将ajax响应保存到数组中

EN

由于您不可能知道来自服务器的ajax响应何时到达，因此AJAX默认是异步的。这意味着$.ajax被触发，然后javascript引擎继续执行剩下的代码(在您的示例中，两个console.log在ajax调用之外)。在将来的某个地方，ajax调用可能(也可能不会)从服务器获得响应(并通过更改状态通知这一点)。此时，javascript引擎将处理所谓的“回调”函数代码，这些代码将在ajax调用完成时执行。将回调函数定义为ajax方法的success参数。

这就是为什么执行代码的正确方法是运行一切，这取决于回调函数的结果。将所有内容直接放在其中，或者声明一个独立的函数，然后在成功函数中调用该函数：

$.ajax({
    /*...*/,
    success : function (data) {

      array['name'] = data['name'];
      array['color'] = data['color'];

      /* either put all your dependent code here */

      /* or just call a callback function: */
      callback(data);

     }        
});

/* code to be executed after the ajax call */
function callback(data){

   // work with the response here
   console.log(data);

}

前面的坏主意：

或者，您可以告诉调用是同步的(这是不好的，因为您的浏览器基本上是冻结的，而它等待来自服务器的答案)，并保持您的代码原样。

$.ajax({
      /*...*/,
      async : false,     
});
// risk some waiting time (possibly the full duration of a timeout!!)
// the browser is locked during this time

// continue normally
console.log(array['name']);
console.log(array['color']);

正在发生的是在ajax调用完成之前运行查询之后的代码。您的数组已经填充，不要担心，但是由于AJAX异步运行，它只会在ajax调用之后分配值。

例如，如果在ajax调用之后设置了10秒超时(取决于AJAX调用所用的时间)，然后调用数组值，则会发现它们已填充(前提是AJAX已正确运行并正确地遍历回调函数)。

因此，在您的代码中，一步一步地看到了所发生的事情。

You display the values from the array which shows john red

You make the AJAX call, when this call has completed it will perform your success: function

The ajax call takes (lets say) 1 second to complete

Whilst your page is waiting for the call to complete and update the values it moves onto the next bit of code which displays the array, as the array hasn't been updated yet as success hasn't been called it still displays john red

1 seconds later the success function is called, assigns the new names to the array and prints them out.

ajax调用是异步的，这意味着无论ajax何时执行和返回，代码的其余部分都将被执行。如果您的代码依赖于结果，那么将其封装到一个函数中，并从ajax的回调(成功函数)中调用它。