Jquery ajax加载等待执行结束再继续执行下面代码操作

当使用JQuery的AJAX方法进行异步请求时，我们常常遇到需要等异步请求完成后再执行下面的代码操作的情况。这时候，我们可以使用不同的方式来达到我们的目的。

方式一：使用JQuery的async选项

JQuery的AJAX方法提供了一个async选项，可以用来控制请求是同步还是异步，默认为异步。当我们将该选项设置为false时，可以将请求变成同步的。

$.ajax({
    url: 'example.com',
    async: false,
    success: function(data) {
        // 异步请求完成后执行的代码
    }
});
// 请求完成后会执行这里的代码

在这个例子中，我们将async选项设置为false，这会造成请求变成同步的，请求完成前代码会一直阻塞在这里，直到服务器返回响应结果。当请求完成后，会执行第二个代码块中的代码。

但是，这种方式并不是最好的选择，因为阻塞请求会造成用户界面卡死，影响用户的体验。

方式二：使用JQuery的deferred对象

另一种方式是使用JQuery的deferred对象。AJAX方法返回的jqXHR对象（JQuery的XHR对象）可以当作一个deferred对象使用。我们可以在它上面调用done()和fail()方法来注册回调函数，然后使用when()方法来让它们等待异步请求完成。

$.when($.ajax('example.com')).done(function(data){
    // 异步请求完成后执行的代码
});
// 请求完成后会执行这里的代码

在这个例子中，我们将异步请求的结果传递给$.when()方法，使用done()方法注册回调函数。当异步请求完成后，done()方法中的回调函数就会被调用。这种方式不会阻塞代码的执行，用户可以正常使用界面。

除此之外，我们还可以使用promise()方法来直接获取返回的deferred对象，然后使用它的done()和fail()方法。

var deferred = $.ajax('example.com').promise();
deferred.done(function(data){
    // 异步请求完成后执行的代码
});
// 请求完成后会执行这里的代码

在这个例子中，我们获取了返回的deferred对象，并使用done()方法来注册回调函数。当异步请求完成后，done()方法中的回调函数就会被调用。

这两种方式都可以让我们等待AJAX请求完成后再执行下面的代码操作，具有一定的灵活性和可控性。