二十一(5)、Ajax状态码和常用方法 ------ 2020-

2020-04-11  本文已影响0人  自己写了自己看

1、Ajax状态码

我们可以通过 xhr.readyState来获取状态码

(1)UNSEND 0:未发送(创建一个XHR,初始状态是0)

(2)OPENED 1:已经打开(执行了xhr.open())

(3)HEADERS_RECEIVED 2:响应头信息已经返回给客户端
(发送请求后,服务器会依次返回响应头和响应主体信息)

(4)LOADING 3:等待服务器返回响应内容

(5)DONE 4:响应主体信息已经返回给客户端

2、Ajax常用事件、属性、方法

1、事件
  - xhr.onreadystatechange // Ajax状态码改变时触发

  - xhr.ontimeout  // 请求超时触发事件

2、属性

  - xhr.readyState // 获取Ajax状态码

  - xhr.status  // HTTP状态码

  - xhr.responseXML  // 获取服务器返回的XML格式响应内容

  - xhr.response  // 获取服务器返回的响应内容不限格式

  - xhr.responseType  // 获取服务器响应内容的格式

  - xhr.responseText  // 获取服务器返回的字符串形式的响应内容

   // 包括 JSON格式字符串、HTML格式字符串、CSS格式字符串
  - xhr.timeout  // 设置Ajax请求超时时间
  
  - xhr.withCredentials  // 在跨域请求中是否允许携带证书(cookie)


3、方法
  - xhr.open()  // 打开URL,配置发送请求的信息

  - xhr.send()  // 发送Ajax请求

  - xhr.getResponseHeader()  // 获取响应头中的对应信息
    xhr.getResponseHeader('Date')

  - xhr.getAllResponseHeader() // 获取所有响应头信息的字符串形式 

  - xhr.abort()  // 手动中断Ajax请求

  - xhr.overrideMimeType()  // 重写MIme类型

  - xhr.setResquestHeader()  // 设置请求头信息
    xhr.setResquestHeader('AAA', '设置请求头信息')
    // 设置的请求头信息不能是中文格式或者其他乱七八糟
    // 不支持的字符,必须设置中文可以先编码
上一篇下一篇

猜你喜欢

热点阅读