jquery等待ajax后执行

jQuery是一种JavaScript库，可以帮助我们更轻松地编写JavaScript代码，特别是与DOM交互的部分。一个常见场景是我们需要等待ajax请求返回后再执行某些代码，这时候我们可以使用jQuery的回调函数来实现。

$.ajax({
  url: 'example.com',data: {key: 'value'},success: function(response) {
    // 这里写我们希望在请求成功后执行的代码
  },error: function() {
    // 请求失败时的处理
  }
});

在这个例子中，我们使用了$.ajax函数发送一个ajax请求。在函数中传入了一些参数，例如请求的URL和数据等。当请求成功后，会执行success回调函数中的代码。这里我们可以写我们需要在请求成功后执行的代码，例如更新界面内容等。

如果请求失败，还可以使用error回调函数来处理错误情况。例如提示用户请求失败的信息等。

除了success和error回调函数，还有其他一些回调函数可以使用，例如beforeSend、complete等。beforeSend会在请求发送前执行，可以用来添加请求头等操作。complete则会在请求完成后，无论成功还是失败都会执行，可以用来执行一些清理操作。

在使用回调函数时，需要注意函数的执行顺序。在以上例子中，请求成功后才会执行success回调函数中的代码，但是在我们的JavaScript代码中，success函数后面的代码还是会立即执行的。如果我们希望在请求成功后再执行后续代码，可以将后续代码放在success回调函数中。

$.ajax({
  url: 'example.com',success: function(response) {
    // 这里写我们希望在请求成功后执行的代码
    // 在这里执行后续代码
  },error: function() {
    // 请求失败时的处理
  }
});

在这个例子中，我们将后续代码放在了success回调函数中，保证了它们只会在请求成功后执行。