jQuery：如何发出 AJAX 请求并继续而不等待请求完成？

Question

我想在 JavasSript 函数的“后台”发出 AJAX 请求，但我的脚本会等待 AJAX 请求完成，然后才继续执行我的代码。

$('div').hide();

$.get('/controller/action', { id: 'abc123' },
    function(data){
        //request completed
        //now update the div with the new data
        $('div').html(data);
    }
);

$('div').slideDown('slow');

//by now hopefully the div has been updated 
//and the user hasn't waited too long

问题在于slideDown动画会等待执行，直到请求返回响应。如何让动画与ajax请求同时执行？

Answer 1

您的代码应该已经在“后台”（异步）执行 Ajax 请求。该jQuery.get()方法简写为：

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

并且该jQuery.ajax()方法是async: true默认的。