ajax readyState五种状态及status状态码

文章原文

 

根据资料整理了一下ajax的readyState的五种状态和status的一些状态码：

代码片段来源： 
https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499861493e7c35be5e0864769a2c06afb4754acc6000

AJAX请求是异步执行的，也就是说，要通过回调函数获得响应。除了IE浏览器，写AJAX主要是依靠XMLHttpRequest对象：

function success(text) {
    var textarea = document.getElementById('test-response-text');
    textarea.value = text;
}

function fail(code) {
    var textarea = document.getElementById('test-response-text');
    textarea.value = 'Error code: ' + code;
}

var request = new XMLHttpRequest(); // 新建XMLHttpRequest对象

request.onreadystatechange = function () { // 状态发生变化时，函数被回调
    if (request.readyState === 4) { // 成功完成
        // 判断响应结果:
        if (request.status === 200) {
            // 成功，通过responseText拿到响应的文本:
            return success(request.responseText);
        } else {
            // 失败，根据响应码判断失败原因:
            return fail(request.status);
        }
    } else {
        // HTTP请求还在继续...
    }
}

// 发送请求:
request.open('GET', '/api/categories');
request.send();

alert('请求已发送，请等待响应...');

当创建XMLHttpRequest对象后，要先设置onreadystatechange的回调函数。在回调函数中，通常我们只需通过readyState === 4判断请求是否完成，如果已完成，再根据status === 200判断是否是一个成功的响应。

---

这边ajax的 readyState有五种状态： 
0 － （未初始化） 
(XMLHttpRequest)对象已经创建，但还没有调用open()方法。值为0表示对象已经存在，否则浏览器会报错：对象不存在。 
1 － （载入/正在发送请求） 
对XMLHttpRequest对象进行初始化，即调用open()方法，根据参数(method,url,true)，完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端发送请求。 
2 － （载入完成/数据接收） 
此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据，并不能直接在客户端使用。值为2表示send()方法执行完成，已经接收完全部响应数据。并为下一阶段对数据解析作好准备。 
3 － （交互/解析数据）正在解析响应内容 
此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的MIME类型把数据转换成能通过responseBody、responseText或responseXML属性存取的格式，为在客户端调用作好准备。值为3表示正在解析数据。 
4 － （后台处理完成）响应内容解析完成，可以在客户端调用了 
此阶段确认全部数据都已经解析为客户端可用的格式，解析已经完成。值为4表示数据解析完毕，可以通过XMLHttpRequest对象的相应属性取得数据。

总之，整个XMLHttpRequest对象的生命周期应该包含如下阶段： 
创建－0初始化请求－1发送请求－2接收数据－3解析数据－4完成 。

开发中默认使用”===”来避免抛出异常。

如果想把标准写法和IE写法混在一起，可以这么写：

var request;
if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
} else {
    request = new ActiveXObject('Microsoft.XMLHTTP');
}

---

status 状态码： 
常用： 
200：请求成功（后台处理结果ok）、303：重定向 
400：请求错误、401：未授权、403：禁止访问、404：文件未找到 
500：服务器错误

其他如下：https://www.douban.com/note/218418718/

201-206都表示服务器成功处理了请求的状态代码，说明网页可以正常访问。

    200（成功）  服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。
    201（已创建）  请求成功且服务器已创建了新的资源。 
    202（已接受）  服务器已接受了请求，但尚未对其进行处理。 
    203（非授权信息）  服务器已成功处理了请求，但返回了可能来自另一来源的信息。 
    204（无内容）  服务器成功处理了请求，但未返回任何内容。 
    205（重置内容） 服务器成功处理了请求，但未返回任何内容。
        与 204 响应不同，此响应要求请求者重置文档视图（例如清除表单内容以输入新内容）。 
    206（部分内容）  服务器成功处理了部分 GET 请求。

300-3007表示的意思是：要完成请求，您需要进一步进行操作。通常，这些状态代码是永远重定向的。

    300（多种选择）  服务器根据请求可执行多种操作。
        服务器可根据请求者来选择一项操作，或提供操作列表供其选择。
    301（永久移动）  请求的网页已被永久移动到新位置。服务器返回此响应时，会自动将请求者转到新位置。
        您应使用此代码通知搜索引擎蜘蛛网页或网站已被永久移动到新位置。 
    302（临时移动） 服务器目前正从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。
        会自动将请求者转到不同的位置。
        但由于搜索引擎会继续抓取原有位置并将其编入索引，因此您不应使用此代码来告诉搜索引擎页面或网站已被移动。 
    303（查看其他位置） 当请求者应对不同的位置进行单独的 GET 请求以检索响应时，服务器会返回此代码。
        对于除 HEAD 请求之外的所有请求，服务器会自动转到其他位置。 
    304（未修改） 自从上次请求后，请求的网页未被修改过。服务器返回此响应时，不会返回网页内容。

    如果网页自请求者上次请求后再也没有更改过，您应当将服务器配置为返回此响应。
    由于服务器可以告诉 搜索引擎自从上次抓取后网页没有更改过，因此可节省带宽和开销。 

    305（使用代理） 请求者只能使用代理访问请求的网页。
        如果服务器返回此响应，那么，服务器还会指明请求者应当使用的代理。 
    307（临时重定向）  服务器目前正从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。
        会自动将请求者转到不同的位置。但由于搜索引擎会继续抓取原有位置并将其编入索引，因此您不应使用此代码来告诉搜索引擎某个页面或网站已被移动。

4XX-HTTP状态码表示请求可能出错，会妨碍服务器的处理。

    400（错误请求） 服务器不理解请求的语法。 

    401（身份验证错误） 此页要求授权。您可能不希望将此网页纳入索引。 

    403（禁止） 服务器拒绝请求。

    404（未找到） 服务器找不到请求的网页。例如，对于服务器上不存在的网页经常会返回此代码。

    例如：http://www.0631abc.com/20100aaaa，就会进入404错误页面

    405（方法禁用） 禁用请求中指定的方法。

    406（不接受） 无法使用请求的内容特性响应请求的网页。 

    407（需要代理授权） 此状态码与 401 类似，但指定请求者必须授权使用代理。如果服务器返回此响应，还表示请求者应当使用代理。 

    408（请求超时） 服务器等候请求时发生超时。 

    409（冲突） 服务器在完成请求时发生冲突。服务器必须在响应中包含有关冲突的信息。
        服务器在响应与前一个请求相冲突的 PUT 请求时可能会返回此代码，以及两个请求的差异列表。 

    410（已删除） 请求的资源永久删除后，服务器返回此响应。
        该代码与 404（未找到）代码相似，但在资源以前存在而现在不存在的情况下，有时会用来替代 404 代码。
        如果资源已永久删除，您应当使用 301 指定资源的新位置。 

    411（需要有效长度） 服务器不接受不含有效内容长度标头字段的请求。 

    412（未满足前提条件） 服务器未满足请求者在请求中设置的其中一个前提条件。 

    413（请求实体过大） 服务器无法处理请求，因为请求实体过大，超出服务器的处理能力。 

    414（请求的 URI 过长） 请求的 URI（通常为网址）过长，服务器无法处理。 

    415（不支持的媒体类型） 请求的格式不受请求页面的支持。 

    416（请求范围不符合要求） 如果页面无法提供请求的范围，则服务器会返回此状态码。 

    417（未满足期望值） 服务器未满足"期望"请求标头字段的要求。

500至505表示的意思是：服务器在尝试处理请求时发生内部错误。这些错误可能是服务器本身的错误，而不是请求出错。

    500（服务器内部错误）  服务器遇到错误，无法完成请求。 

    501（尚未实施） 服务器不具备完成请求的功能。
        例如，当服务器无法识别请求方法时，服务器可能会返回此代码。 

    502（错误网关） 服务器作为网关或代理，从上游服务器收到了无效的响应。 

    503（服务不可用） 目前无法使用服务器（由于超载或进行停机维护）。通常，这只是一种暂时的状态。 

   504（网关超时）  服务器作为网关或代理，未及时从上游服务器接收请求。 

   505（HTTP 版本不受支持） 服务器不支持请求中所使用的 HTTP 协议版本。