AJAX 如何从jQuery.ajax中获取响应状态码

在本文中，我们将介绍如何使用jQuery.ajax方法获取AJAX请求的响应状态码。

AJAX（Asynchronous JavaScript and XML）是一种用于在不重新加载整个网页的情况下，通过后台发送和接收数据的技术。在Web开发中，AJAX被广泛应用于实现动态网页和交互式用户界面。

阅读更多：AJAX 教程

简介

jQuery.ajax是一个非常强大且易于使用的方法，用于发送AJAX请求并处理响应。它可以通过配置参数来自定义请求，例如URL、请求类型、数据、成功和失败的回调函数等。

在许多情况下，我们需要根据响应状态码执行不同的操作，例如根据状态码显示特定的错误消息或执行其他逻辑。下面是一个示例，演示如何从jQuery.ajax中获取响应状态码。

$.ajax({
  url: "example.com/api/data",
  method: "GET",
  success: function(response, textStatus, xhr) {
    var statusCode = xhr.status;
    // 执行基于状态码的操作
    if (statusCode === 200) {
      console.log("请求成功！");
    } else if (statusCode === 404) {
      console.log("请求的资源不存在！");
    } else {
      console.log("请求失败，状态码：" + statusCode);
    }
  },
  error: function(xhr, textStatus, errorThrown) {
    console.log("请求发生错误，状态码：" + xhr.status);
  }
});

在上面的示例中，我们发送了一个GET请求到”example.com/api/data”，并在成功的回调函数中获取了响应状态码。

解析响应

在jQuery.ajax的成功回调函数中，我们可以通过传递的xhr参数来访问响应对象。xhr是XMLHttpRequest的缩写，代表当前的AJAX请求。通过它，我们可以获取响应的状态码，以及其他有关响应的信息。

在上面的示例中，我们可以通过xhr.status获取响应的状态码。在HTTP协议中，常见的状态码有200（请求成功）、404（资源未找到）、500（内部服务器错误）等。根据不同的状态码，我们可以执行相应的逻辑。

错误处理

在jQuery.ajax的错误回调函数中，我们同样可以通过xhr参数获取响应的状态码。这在处理请求发生错误的情况下非常有用。通常，我们可以根据不同的错误状态码做出相应的处理。

$.ajax({
  url: "example.com/api/data",
  method: "GET",
  success: function(response, textStatus, xhr) {
    // 处理请求成功的情况
  },
  error: function(xhr, textStatus, errorThrown) {
    var statusCode = xhr.status;
    // 处理请求发生错误的情况
    if (statusCode === 404) {
      console.log("请求的资源不存在！");
    } else if (statusCode === 500) {
      console.log("服务器内部错误！");
    } else {
      console.log("请求发生错误，状态码：" + statusCode);
    }
  }
});

在上面的示例中，我们根据错误状态码执行了不同的处理逻辑。