美文网首页
二十一(5)、Ajax状态码和常用方法 ------ 2020-

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

作者: 自己写了自己看 | 来源:发表于2020-04-11 16:52 被阅读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', '设置请求头信息')
        // 设置的请求头信息不能是中文格式或者其他乱七八糟
        // 不支持的字符,必须设置中文可以先编码
    

    相关文章

      网友评论

          本文标题:二十一(5)、Ajax状态码和常用方法 ------ 2020-

          本文链接:https://www.haomeiwen.com/subject/vtoemhtx.html