jquery ajax 回调函数【示例代码】

jQuery Ajax回调函数是在Ajax请求完成后执行的函数。它可以用来处理从服务器返回的数据，以及在请求过程中发生的错误。回调函数可以在请求成功时执行，也可以在请求失败时执行。在jQuery中，可以通过使用.done()、.fail()和.always()方法来指定回调函数。

让我们看一个简单的示例，演示如何使用.done()方法来指定成功回调函数。在下面的代码中，我们使用$.ajax()函数发送一个GET请求，并在请求成功后将返回的数据显示在页面上。

$.ajax({
  url: "example.php",
  method: "GET"
}).done(function(response) {
  $("#result").text(response);
});

在这个示例中，我们使用.done()方法来指定一个匿名函数作为成功回调函数。当请求成功后，服务器返回的数据将作为参数传递给这个回调函数。在这个回调函数中，我们使用jQuery的选择器来选择一个具有id为"result"的元素，并使用.text()方法将返回的数据设置为该元素的文本内容。

接下来，让我们看一个使用.fail()方法来指定失败回调函数的示例。在下面的代码中，我们使用$.ajax()函数发送一个POST请求，并在请求失败时显示错误消息。

$.ajax({
  url: "example.php",
  method: "POST",
  data: { name: "John", age: 30 }
}).fail(function(xhr, status, error) {
  $("#error").text("Error: " + error);
});

在这个示例中，我们使用.fail()方法来指定一个匿名函数作为失败回调函数。当请求失败时，这个回调函数将被调用，并接收三个参数：xhr（XMLHttpRequest对象），status（错误状态）和error（错误消息）。在这个回调函数中，我们使用jQuery的选择器来选择一个具有id为"error"的元素，并使用.text()方法将错误消息设置为该元素的文本内容。

让我们看一个使用.always()方法来指定无论请求成功还是失败都要执行的回调函数的示例。在下面的代码中，我们使用$.ajax()函数发送一个GET请求，并在请求完成后显示一个提示消息。

$.ajax({
  url: "example.php",
  method: "GET"
}).always(function() {
  $("#message").text("Request completed.");
});

在这个示例中，我们使用.always()方法来指定一个匿名函数作为回调函数。无论请求成功还是失败，这个回调函数都会被调用。在这个回调函数中，我们使用jQuery的选择器来选择一个具有id为"message"的元素，并使用.text()方法将提示消息设置为该元素的文本内容。

这些示例演示了如何使用.done()、.fail()和.always()方法来指定jQuery Ajax请求的回调函数。通过使用这些回调函数，我们可以在请求成功或失败时执行相应的操作，从而更好地处理Ajax请求的结果。