$ .post（）之后的代码在post-request完成之前执行

Question

我试图使用post请求（jQuery的$ .post）从服务器获取数据并将其分配给JavaScript变量。

代码如下：

function getData() {        
    var zones = DUMMY_zones;
    var workers = [];

    console.log("1");

    $.post('server/main.php', {info: 'req_workers'}, function(result) {
        var result = JSON.parse(result);

        console.log("2");

    });


    console.log("3");
    return [zones, workers];
}

然而奇怪的是，返回在$ .post请求完成之前执行，因此workers是未定义的变量。控制台输出如下：

ppe_c_js.js:82 1
ppe_c_js.js:90 3
ppe_c_js.js:85 2

如何顺序执行代码？

谢谢！

Answer 1

你可以把jquery发布到synchronous。但这是一种不好的做法。因此，您的浏览器在操作期间将处于冻结状态。

$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: dataType,
  async:false
});