jQuery ajax() 使用 success、error 和complete 与 .done()、.fail() 和always()

Ajax

使用jQuery的Ajax()方法可以发送异步HTTP请求，并根据请求的结果执行不同的操作。Ajax()方法提供了success、error和complete三个回调函数，以及.done()、.fAIl()和.always()三个方法来处理请求的成功、失败和完成状态。

发送请求并处理成功、失败和完成状态

使用Ajax()方法发送异步HTTP请求非常简单。首先，我们需要指定请求的URL和请求类型，然后可以选择性地提供请求的数据和设置其他选项。接下来，我们可以通过success、error和complete回调函数来处理请求的不同状态。

.success()回调函数在请求成功时被调用，可以接收服务器返回的数据作为参数。.error()回调函数在请求失败时被调用，可以接收错误信息作为参数。.complete()回调函数在请求完成后被调用，无论请求成功还是失败都会执行。

下面是一个简单的例子，演示了如何使用success、error和complete回调函数来处理请求的不同状态：

Javascript
$.Ajax({
  url: "example.php",
  type: "GET",
  data: { id: 1 },
  success: function(response) {
    console.log("请求成功：" + response);
  },
  error: function(xhr, status, error) {
    console.log("请求失败：" + error);
  },
  complete: function() {
    console.log("请求完成");
  }
});

在上面的例子中，我们发送了一个GET请求到"example.php"，并传递了一个id参数。如果请求成功，success回调函数将打印服务器返回的数据；如果请求失败，error回调函数将打印错误信息；无论请求成功还是失败，complete回调函数都将被调用。

.done()、.fAIl()和.always()方法的使用

除了使用success、error和complete回调函数外，我们还可以使用.done()、.fAIl()和.always()方法来处理请求的结果。

.done()方法相当于在success回调函数中执行的操作，可以接收服务器返回的数据作为参数。.fAIl()方法相当于在error回调函数中执行的操作，可以接收错误信息作为参数。.always()方法相当于在complete回调函数中执行的操作，无论请求成功还是失败都会执行。

下面是使用.done()、.fAIl()和.always()方法的示例代码：

Javascript
$.Ajax({
  url: "example.php",
  type: "GET",
  data: { id: 1 }
})
.done(function(response) {
  console.log("请求成功：" + response);
})
.fAIl(function(xhr, status, error) {
  console.log("请求失败：" + error);
})
.always(function() {
  console.log("请求完成");
});

在上面的例子中，我们发送了一个GET请求到"example.php"，并传递了一个id参数。如果请求成功，.done()方法将打印服务器返回的数据；如果请求失败，.fAIl()方法将打印错误信息；无论请求成功还是失败，.always()方法都将被调用。

使用jQuery的Ajax()方法可以发送异步HTTP请求，并根据请求的结果执行不同的操作。我们可以选择使用success、error和complete回调函数来处理请求的不同状态，也可以使用.done()、.fAIl()和.always()方法来处理请求的结果。无论是使用回调函数还是方法，都能够灵活地处理请求的成功、失败和完成状态，为我们的网页提供更好的用户体验。

以上就是关于使用jQuery Ajax()方法的success、error和complete回调函数以及.done()、.fAIl()和.always()方法的介绍和示例代码。希望对大家有所帮助！