2018-11-28 14:19:00

来自 ：XMLHttpRequest对象（Ajax）的状态码（readystate）  HTTP状态代码（status）

 

 

XMLHttpRequest对象（Ajax）的状态码（readystate）

当一个XMLHttpRequest初次创建时，这个属性的值是从0开始，知道接收完整的HTTP响应，这个值增加到4。有五种状态：

状态0 (未初始化)： (XMLHttpRequest)对象已经创建或已被abort()方法重置，但还没有调用open()方法；

状态1 (载入)：已经调用open() 方法，但是send()方法未调用，尚未发送请求；

状态2 (载入完成)： send()方法已调用，HTTP请求已发送到web服务器，请求已经发送完成，未接收到响应；

状态3 (交互)：所有响应头部都已经接收到。响应体开始接收但未完成，即可以接收到部分响应数据；

状态4 (完成)：已经接收到了全部数据，并且连接已经关闭。

readystate的值不会递减，除非当一个请求在处理过程中的时候调用了abort()或open()方法。每次这个属性的值增加的时候，都会触发onreadystatechange事件句柄。

 

HTTP状态代码（status）

status是由服务器返回的HTTP状态代码，实际是一种辅状态判断，只是status更多是服务器方的状态判断。当readystate小于3的时候读这一属性会导致一个异常。

1xx—信息类：表示收到Web浏览器请求，正在进一步的处理中。

100：客户必须继续发出请求；

101：客户要求服务器根据请求转换HTTP协议版本。服务器转换协议。

2xx—成功：表示用户请求被正确接收，理解和处理。

200：OK；

201：提示知道新文件的URL。请求被创建完成，同时新的资源被创建。

202：共处理的请求已被接受，但是处理未完成。

203：文档已经正常的返回，但一些应答头可能不正确，因为使用的是文档的拷贝。

204：没有新文档。浏览器应该继续显示原来的文档。如果用户定期的刷新页面，而servlet可以确定用户文档足够新，这个状态代码是很有用的。

205：没有新文档。但是浏览器应该重置它所显示的内容。用来强制浏览器清除表单输入内容。

3xx—重定向：表示请求没有成功，客户必须采取进一步的动作。

300：请求的资源可在多处得到。

301：删除请求数据，所请求的页面已经转移至新的url。

302：所请求的页面已经临时转移至新的url。

303：所请求的页面可在别的url下被找到。

4xx—客户端错误：表示客户端提交的请求有错误。

404：NOT Found，意味着请求中所引用的文档不存在。

401：被请求的页面需要用户名和密码。

402：此代码尚无法使用。

403：对被请求页面的访问被禁止。

404：服务器无法找到被请求的页面。

405：请求中指定的方法不被允许。

406：服务器生成的响应无法被客户端所接受。

407：用户必须首先使用代理服务器进行验证，这样请求才会被处理。

408：请求超出了服务器的等待时间。

409：由于冲突，请求无法被完成。

410：被请求页面不可用。

411："Content-length“未被定义。如果无此内容，服务器不会接受请求。

412：请求中的前提条件被服务器评估为失败。

413：由于所请求的实体太大，服务器不会接受请求。

414：由于url太长，服务器不会接受请求。当post请求被转换为带很长的查询信息的get请求时，就会发生414错误。

415：由于媒介类型不被支持，服务器不会接受请求。

416：服务器不能满足客户在请求中指定的Range头。

5xx—服务器错误：表示服务器不能完成对请求的处理。

500：服务器产生内部错误。请求未完成。服务器遇到不可预知的情况。

501：请求未完成。服务器不支持所请求的功能。

502：请求未完成。服务器从上游服务器收到一个无效的响应。

503：请求未完成。服务器临时过载或当机。

504，网关超时。

505，服务器不支持请求中指明的HTTP协议版本。

ui.jcsubmit.click(function() {
			$.post(''提交接口'', {
				jcr: ui.jcr.val(),
				jcsj: ui.jcsj.val(),
				jcrs: ui.jcrs.val(),
				xccs: ui.xccs.val(),
				zfwssyqk: ui.zfwsqk.val(),
				jcfs: ui.jcfs.val(),
				Image: getimagebase64()
			}, function(response) {})
		});

//将所有base64图片源转化进行encodeURIComponent加密并以'',''隔开
function getimagebase64() {
	var picbasestr = "";
	var imageitemlist = $(''.image-item'');
	$.each(imageitemlist, function(index, item) {
		if (index == 0 && (item.src != undefined)) {
			picbasestr = encodeURIComponent(item.src);
		} else if (item.src != undefined) {
			picbasestr += "," + encodeURIComponent(item.src);
		}
	});
	return picbasestr;
}

function(response)

XMLHttpRequest对象：

XMLHttpRequest对象是AJAX 的核心，
XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问，包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHttpRequest 可以同步或异步地返回 Web 服务器的响应，并且能够以文本或者一个 DOM 文档的形式返回内容。

属性和方法：

属性：
readyState
HTTP 请求的状态.当一个 XMLHttpRequest 初次创建时，这个属性的值从 0 开始，直到接收到完整的 HTTP 响应，这个值增加到 4。

每一次状态改变都会触发onreadystatechange事件。

responseText
目前为止为服务器接收到的响应体（不包括头部），或者如果还没有接收到数据的话，就是空字符串。
如果 readyState 小于 3，这个属性就是一个空字符串。当 readyState 为 3，这个属性返回目前已经接收的响应部分。如果 readyState 为 4，这个属性保存了完整的响应体。
如果响应包含了为响应体指定字符编码的头部，就使用该编码。否则，假定使用 Unicode UTF-8。

responseXML
对请求的响应，解析为 XML 并作为 Document 对象返回。

status
由服务器返回的 HTTP 状态代码，如 200 表示成功，而 404 表示 “Not Found” 错误。当 readyState 小于 3 的时候读取这一属性会导致一个异常。

statusText
这个属性用名称而不是数字指定了请求的 HTTP 的状态代码。也就是说，当状态为 200 的时候它是 “OK”，当状态为 404 的时候它是 “Not Found”。和 status 属性一样，当 readyState 小于 3 的时候读取这一属性会导致一个异常。

方法：
abort()
取消当前响应，关闭连接并且结束任何未决的网络活动。
这个方法把 XMLHttpRequest 对象重置为 readyState 为 0 的状态，并且取消所有未决的网络活动。例如，如果请求用了太长时间，而且响应不再必要的时候，可以调用这个方法

open()
初始化 HTTP 请求参数，例如 URL 和 HTTP 方法，但是并不发送请求。

open(method,url,async,username,password)

method 参数是用于请求的 HTTP 方式。值包括 GET、POST 和 HEAD。
url 参数是请求的主体，服务器端地址。
async 参数指示请求使用应该异步地执行。如果这个参数是 false，请求是同步的，后续对 send() 的调用将阻塞，直到响应完全接收。如果这个参数是 true 或省略，请求是异步的，不用等待返回结果，可以接着执行send()。

send()
发送 HTTP 请求，使用传递给 open() 方法的参数，以及传递给该方法的可选请求体。

setRequestHeader()
向一个打开但未发送的请求设置或添加一个 HTTP 请求。
setRequestHeader() 方法指定了一个 HTTP 请求的头部，它应该包含在通过后续 send() 调用而发布的请求中。这个方法只有当 readyState 为 1 的时候才能调用，例如，在调用了 open() 之后，但在调用 send() 之前。

setRequestHeader(name,value)

getAllResponseHeaders()
把 HTTP 响应头部作为未解析的字符串返回。
如果 readyState 小于 3，这个方法返回 null。否则，它返回服务器发送的所有 HTTP 响应的头部。头部作为单个的字符串返回，一行一个头部。每行用换行符 “\r\n” 隔开。

getResponseHeader()
返回指定的 HTTP 响应头部的值。其参数是要返回的 HTTP 响应头部的名称。
该方法的返回值是指定的 HTTP 响应头部的值，如果没有接收到这个头部或者 readyState 小于 3 则为空字符串。如果接收到多个有指定名称的头部，这个头部的值被连接起来并返回，使用逗号和空格分隔开各个头部的值。

五步使用法：
(1).建立XMLHttpRequest对象

if(window.XMLHttpRequest){
         //IE7+、Firefox、Chrome、Safari 以及 Opera
            var xmlhttp=new XMLHttpRequest();
            if (xmlhttp.overrideMimeType){
                xmlhttp.overridemineType("text/xml");
               }
           }
    else if(window.ActiveXObject){
                  //IE5 和 IE6
                  try{
                  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")；      
              }catch(e){  

              }
             } 
      if(xmlhttp==undefined || xmlhttp==null){
                 alert("当前浏览器不支持创建XMLhttp对象 ");
                 return;           
             }

(2).注册回掉函数

 xmlhttp.onreadystatechange=callback;

(3)使用open方法设置和服务器端交互的信息

xmlhttp.open("GET","AJAX?name="+userName,true); //交互参数

(4)设置发送的数据，开始和服务器端交互

xmlhttp.send(null);

(5)在回调函数中判断交互是否结束，响应是否正确，并根据需要获取服务器端返回的数据，更新页面。

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

总结：
ajax 的核心是XMLHttpRequest对象，该对象使得ajax 可以同步或者异步地请求服务器，动态刷新页面。

readystate取值 描述 1：

• 0 : “未初始化”状态;此时，已经创建一个xmlhttprequest对象，但是还没有初始化。
• 1 : “载入”状态;此时，代码已经调用了xmlhttprequest open()方法并且xmlhttprequest已经准备好把一个请求发送到服务器。
• 2 : “载入完成”状态;此时，已经通过send()方法把一个请求发送到服务器端，但是还没有收到一个响应。
• 3 : “交互”状态;此时，已经接收到http响应头部信息，但是消息体部分还没有完全接收结束。
• 4 : “完成”状态;此时，响应已经被完全接收。

readystate取值 描述2：

• 0：未初始化
  此阶段确认XMLHttpRequest对象是否创建，并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在，否则浏览器会报错－－对象不存在。

• 1：载入
  此阶段对XMLHttpRequest对象进行初始化，即调用open()方法，根据参数(method,url,true)完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端发送请求。

• 2：载入完成
  此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据，并不能直接在客户端使用。值为2表示已经接收完全部响应数据。并为下一阶段对数据解析作好准备。

• 3：交互
  此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的MIME类型把数据转换成能通过responseBody、responseText或responseXML属性存取的格式，为在客户端调用作好准备。状态3表示正在解析数据。

• 4：完成
  此阶段确认全部数据都已经解析为客户端可用的格式，解析已经完成。值为4表示数据解析完毕，可以通过XMLHttpRequest对象的相应属性取得数据。

整个XMLHttpRequest对象的生命周期应该包含如下阶段：

创建－初始化请求－发送请求－接收数据－解析数据－完成

实例如下：

//声明数组 
 var states ＝ [“正在初始化……”,“正在初始化请求……成功！
                正在发送请求……”,“成功！ 
                正在接收数据……”,“完成！ 
                正在解析数据……”,“完成！”
               ]; 


//回调函数内部代码片段
if (xmlHttp.readyState==4){
    var span = document.createElement(“span”);
    span.innerHTML = states[xmlHttp.readyState];
    document.body.appendChild(span); 
    if (xmlHttp.status == 200){
        var xmldoc = xmlHttp.responseXML;
        //其他代码
    } 
    //别忘记销毁，防止内存泄漏
    xmlHttp = null;
}else{
    var span = document.createElement(“span”);
    span.innerHTML = states[xmlHttp.readyState];
    document.body.appendChild(span);
}

结果如下：

正在初始化请求……成功！ 
   正在发送请求……成功！ 
   正在接收数据……完成！ 
   正在解析数据……完成！

【参考】http://www.jb51.cc/article/p-kpnsjovx-oa.html

xmlHttpRequest对象的status代表当前http请求的状态，是一个长整型数据，现在介绍一下它的含义。

http请求状态及其含义表

• 1xx - 信息提示
• 100 - 初始的请求已经接受，客户应当继续发送请求的其余部分。（HTTP 1.1新）
• 101 - 服务器将遵从客户的请求转换到另外一种协议。（HTTP 1.1新）
• 2xx - 成功
• 200 - OK 一切正常，对GET和POST请求的应答文档跟在后面。
• 201 - Created 服务器已经创建了文档，Location头给出了它的URL。
• 202 - Accepted 已经接受请求，但处理尚未完成。
• 203 - Non-Authoritative information 文档已经正常地返回，但一些应答头可能不正确，因为使用的是文档的拷贝，非权威性信息（HTTP 1.1新）。
• 204 - No Content 没有新文档，浏览器应该继续显示原来的文档。如果用户定期地刷新页面，而Servlet可以确定用户文档足够新，这个状态代码是很有用的。
• 205 - Reset Content 没有新的内容，但浏览器应该重置它所显示的内容。用来强制浏览器清除表单输入内容（HTTP 1.1新）。
• 206 - Partial Content 客户发送了一个带有Range头的GET请求，服务器完成了它（HTTP 1.1新）。
• 3xx - 重定向
• 300 - Multiple Choices 客户请求的文档可以在多个位置找到，这些位置已经在返回的文档内列出。如果服务器要提出优先选择，则应该在Location应答头指明。
• 301 - Moved Permanently 客户请求的文档在其他地方，新的URL在Location头中给出，浏览器应该自动地访问新的URL。
• 302 - Found 类似于301，但新的URL应该被视为临时性的替代，而不是永久性的。注意，在HTTP1.0中对应的状态信息是“Moved Temporatily”。出现该状态代码时，浏览器能够自动访问新的URL，因此它是一个很有用的状态代码。注意这个状态代码有时候可以和301替换使用。例如，如果浏览器错误地请求 http://host/~user （缺少了后面的斜杠），有的服务器返回301，有的则返回302。严格地说，我们只能假定只有当原来的请求是GET时浏览器才会自动重定向。请参见307。
• 303 - See Other 类似于301/302，不同之处在于，如果原来的请求是POST，Location头指定的重定向目标文档应该通过GET提取（HTTP 1.1新）。
• 304 - Not Modified 客户端有缓冲的文档并发出了一个条件性的请求（一般是提供If-Modified-Since头表示客户只想比指定日期更新的文档）。服务器告诉客户，原来缓冲的文档还可以继续使用。
• 305 - Use Proxy 客户请求的文档应该通过Location头所指明的代理服务器提取（HTTP 1.1新）。
• 307 - Temporary Redirect 和302（Found）相同。许多浏览器会错误地响应302应答进行重定向，即使原来的请求是POST，即使它实际上只能在POST请求的应答是303时才能重定向。由于这个原因，HTTP 1.1新增了307，以便更加清除地区分几个状态代码：当出现303应答时，浏览器可以跟随重定向的GET和POST请求；如果是307应答，则浏览器只能跟随对GET请求的重定向。（HTTP 1.1新）
• 4xx - 客户端错误
• 400 - Bad Request 请求出现语法错误。
• 401 - Unauthorized 访问被拒绝，客户试图未经授权访问受密码保护的页面。应答中会包含一个WWW-Authenticate头，浏览器据此显示用户名字/密码对话框，然后在填写合适的Authorization头后再次发出请求。
• 404 - Not Found 无法找到指定位置的资源。这也是一个常用的应答。
• 405 - Method Not Allowed 请求方法（GET、POST、HEAD、DELETE、PUT、TRACE等）对指定的资源不适用，用来访问本页面的 HTTP 谓词不被允许（方法不被允许）（HTTP 1.1新）
• 406 - Not Acceptable 指定的资源已经找到，但它的MIME类型和客户在Accpet头中所指定的不兼容，客户端浏览器不接受所请求页面的 MIME 类型（HTTP 1.1新）。
• 407 - Proxy Authentication required 要求进行代理身份验证，类似于401，表示客户必须先经过代理服务器的授权。（HTTP 1.1新）
• 408 - Request Timeout 在服务器许可的等待时间内，客户一直没有发出任何请求。客户可以在以后重复同一请求。（HTTP 1.1新）
• 409 - Conflict 通常和PUT请求有关。由于请求和资源的当前状态相冲突，因此请求不能成功。（HTTP 1.1新）
• 410 - Gone 所请求的文档已经不再可用，而且服务器不知道应该重定向到哪一个地址。它和404的不同在于，返回407表示文档永久地离开了指定的位置，而404表示由于未知的原因文档不可用。（HTTP 1.1新）
• 411 - Length required 服务器不能处理请求，除非客户发送一个Content-Length头。（HTTP 1.1新）
• 412 - Precondition Failed 请求头中指定的一些前提条件失败（HTTP 1.1新）。
• 413 – Request Entity Too Large 目标文档的大小超过服务器当前愿意处理的大小。如果服务器认为自己能够稍后再处理该请求，则应该提供一个Retry-After头（HTTP 1.1新）。
• 414 - Request URI Too Long URI太长（HTTP 1.1新）。
• 415 – 不支持的媒体类型。
• 416 – Requested Range Not Satisfiable 服务器不能满足客户在请求中指定的Range头。（HTTP 1.1新）
• 417 – 执行失败。
• 423 – 锁定的错误。
• 5xx - 服务器错误
• 500 - Internal Server Error 服务器遇到了意料不到的情况，不能完成客户的请求。
• 501 - Not Implemented 服务器不支持实现请求所需要的功能，页眉值指定了未实现的配置。
• 502 - Bad Gateway 服务器作为网关或者代理时，为了完成请求访问下一个服务器，但该服务器返回了非法的应答。 亦说Web 服务器用作网关或代理服务器时收到了无效响应。
• 503 - Service Unavailable 服务不可用，服务器由于维护或者负载过重未能应答。例如，Servlet可能在数据库连接池已满的情况下返回503。服务器返回503时可以提供一个Retry-After头。这个错误代码为 IIS 6.0 所专用。
• 504 - Gateway Timeout 网关超时，由作为代理或网关的服务器使用，表示不能及时地从远程服务器获得应答。（HTTP 1.1新） 。
• 505 - HTTP Version Not Supported 服务器不支持请求中所指明的HTTP版本。（HTTP 1.1新）。

【转载】http://www.jb51.net/article/22296.htm