XHR对象

作者: MYSUNFLOWER | 来源:发表于2023-01-18 15:22 被阅读0次
let xhr=new XMLHttpRequest()
xhr.onreadystatechange=function(){
     if(xhr.readyState===4){     
              //logic
    }
}

readyState值解释:
0 未初始化,尚未调用.open;
1 已打开(open),已调用open,尚未调用send;
2 已发送(send),已调用.send,尚未收到响应;
3 接收中(receiving),已经收到部分响应;
4 完成 ,已经收到所有响应,可以使用了

xhr.open( get/post,url,trur)    //参数:请求类型、请求地址、是否异步,open并不发送请求,为发送请求做准备。
xhr.send(null)            //参数:请求体数据,不需要发送请求体必须传null,调用此方法后,请求就会发送给服务器。

xhr.status //响应的http状态;
xhr.statusText //响应的http状态描述;
responseText //响应返回的文本体
responseXML //如果响应的内容类型是“text/xml” 或者 “application/xml”,那就是保险响应数据的XML DOM文档。

xhr.abort();  //收到响应前取消异步请求;

相关文章

  • 简单的分析下XMLHttpRequest对象

    创建xhr对象 关于xhr对象属性 追踪xhr发送ajax的状态xhr.readyState对象即是当前请求对象的...

  • 【javascript】Ajax 与 Comet

    1、XMLHttpRequest 对象 在浏览器中创建XHR 对象 1.1 XHR 的用法 在使用XHR 对象时,...

  • XHR对象

    readyState值解释:0 未初始化,尚未调用.open;1 已打开(open),已调用open,尚未调用se...

  • AJax 第一天

    1,创建一个xhr对象var xhr=new XMLHttpRequest2,监听xhr状态的改变xhr.onre...

  • JavaScript 高级程序设计(第21 Ajax 与 Com

    第21 Ajax 与 Comet 1. XMLHttpRequest对象 创建XHR对象 (1) XHR的用法 o...

  • 原生ajax方法

    //定义xrl对象 var xhr = new XMLHttpRequset(); //发送请求 xhr.open...

  • ajax

    new XMLHttpRequest来取得XHR对象。 要使用XHR对象,要调用以下方法: open(要发送的请求...

  • js如何取消异步请求

    本文总结了原生XHR、jquery、axios取消异步请求的方法。 XHR 对于原生XHR对象来说,取消的ajax...

  • ajax 工作原理

    创建 xhr对象 new 一个实例对象 调用 open 函数 指定请求的方式与 url 地址 -- xhr.ope...

  • ajax 工作原理

    创建 xhr对象 new 一个实例对象 调用 open 函数 指定请求的方式与 url 地址 -- xhr.ope...

网友评论

      本文标题:XHR对象

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