使用jQuery进行同步ajax调用的不推荐方法是什么？

Question

我有一个小的javascript函数，唯一的目的是调用脚本从数据库中获取一些数据，以便它可以被客户端的其他函数使用。

我正在使用jQuery调用来获取数据，但是为了让我将对象从成功函数范围中传出，我需要将异步关闭，这会引发弃用警告。

我的函数目前按预期工作，但我想使用一个不被弃用的方法。 这是我的功能：

function getData(ID) {
  var Data = {};
  $.ajax({
    url: 'script',
    method: 'POST',
    dataType: 'json',
    async: false,
    data: {action: 'get', id: ID },
    success: function(response) {
      Data = response;
    })
  });
  return Data;
}

我出于隐私原因更改了变量名称，如果它们含糊不清，请道歉。

同样为什么同步呼叫被认为对最终用户体验有害？

Answer 1

由于AJAX调用是asynchronous ，因此总是会得到空白对象（ {} ）作为响应。

有2种方法。

1. 你可以做async:false
2. 要获得在AJAX调用中返回的响应，请尝试下面的代码。 等待服务器的响应。

function getData(ID) {
  return $.ajax({
    url: 'script',
    method: 'POST',
    dataType: 'json',
    //async: true,  //default async call
    data: {action: 'get', id: ID },
    success: function(response) {
         //Data = response;
    })
  });
}


$.when(getData(YOUR_ID)).done(function(response){
    //access response data here
});