js中ajax返回状态码

在JavaScript中，AJAX（Asynchronous JavaScript and XML）是一种用于创建异步Web应用程序的技术，它允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。当使用AJAX发送请求时，服务器会返回一个状态码，以指示请求的处理结果。

以下是关于AJAX返回状态码的一些基础概念：

状态码分类

1xx（信息响应）：

请求已被接收，继续处理。

2xx（成功）：

200 OK：请求成功。
201 Created：请求成功并且服务器创建了新的资源。
204 No Content：服务器成功处理了请求，但没有返回任何内容。

3xx（重定向）：

301 Moved Permanently：请求的资源已被永久移动到新位置。
302 Found（临时重定向）：请求的资源临时移动到新位置。

4xx（客户端错误）：

400 Bad Request：服务器无法理解请求的格式。
401 Unauthorized：请求要求用户的身份认证。
403 Forbidden：服务器理解请求客户端的请求，但是拒绝执行此请求。
404 Not Found：请求的资源不存在。

5xx（服务器错误）：

500 Internal Server Error：服务器内部错误，无法完成请求。
503 Service Unavailable：服务器暂时无法处理请求，但可能是临时的状态。

应用场景

200 OK：数据成功返回，可以进行后续的数据处理。
404 Not Found：请求的资源不存在，可能需要提示用户或者进行重定向。
500 Internal Server Error：服务器出现问题，可能需要记录日志或者通知管理员。

处理状态码

在使用AJAX时，可以通过回调函数或者Promise来处理不同的状态码。以下是一个使用XMLHttpRequest的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) { // 请求已完成
        if (xhr.status === 200) { // 请求成功
            console.log(xhr.responseText);
        } else if (xhr.status === 404) { // 资源未找到
            console.error('Resource not found');
        } else if (xhr.status === 500) { // 服务器错误
            console.error('Internal server error');
        }
    }
};
xhr.send();

使用fetch API的示例：

fetch('https://api.example.com/data')
    .then(response => {
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
        return response.json();
    })
    .then(data => console.log(data))
    .catch(error => console.error('Error:', error));