jQuery Ajax运行，为什么？

Question

我的剧本如下：

var price_option_oc = 0;
// Example
jQuery.ajax({
    type: "POST",
    processData: false,
    dataType: "text",
    url: mainURL + url_ajax_get_prices_oc,
    data: JSON.stringify(datas),
    contentType: "application/json; charset=utf-8",
}).done(function(data) {
    console.log('{1}=' + data);
    price_option_oc = data;
});

console.log('{2}' + price_option_oc);

为什么结果是，我不知道为什么，请为我解释

{2}0
{2}0
{1}=9
{1}=9

为什么不呢？

{1}=9
{1}=9
{2}0
{2}0

谢谢。

Answer 1

Ajax请求异步运行到代码的其余部分。也就是说，它们并行运行。

所以很有可能

console.log('{2}'+price_option_oc);

在ajax调用完成并运行console.log('{1}='+data);之前正在运行。

我说“很可能”是因为，由于ajax调用依赖于外部因素，比如网络速度和远程服务器的响应速度，所以不能保证它的运行速度，因此不能保证运行顺序。

如果您需要运行依赖于ajax调用的响应的代码，那么必须将该代码放入您的.done函数(或从那里调用的函数中)。

我不会使用async:false来解决这类问题--这将导致浏览器在ajax调用完成(或失败)之前停止对任何用户输入的响应。如果调用时间比正常时间长，用户就会觉得他们的浏览器崩溃了。这对用户不友好。由于这个原因，大多数编码器都不使用此功能。