XMLHttpRequest对象

前言

一、XMLHttpRequest对象是什么？

二、使用步骤

1.实例化一个XMLHttpRequest对象

2.和服务器建立连接，打开连接

3.传送数据

4.服务器给客户端响应

成功返回的代码指令

三.代码示例

总结

前言

提示：这里可以添加本文要记录的大概内容：

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

提示：以下是本篇文章正文内容，下面案例可供参考

一、XMLHttpRequest对象是什么？

XMLHttpRequest对象是js提供的内置对象，专用用来发送AJAX请求

他是通过HTTP协议发起ajax请求的，返回数据格式或纯文本

二、使用步骤

1.实例化一个XMLHttpRequest对象

var 变量名=new XMLHttpRequest();

2.和服务器建立连接，打开连接

代码如下（示例）：

变量名.open（'参数1'，'参数2'）

第一个参数，请求方式，常用的有GET（获取），POST（提交），PUT（修改），DELET（删除）

第二个参数：url，请求路径

3.传送数据

变量名.send();

参数：是请求体，请求过程中携带的数据。

4.服务器给客户端响应

变量名.onreadystatechange=function(){
        if(变量名.readyState===4&&变量名.status===200){ //成功
         代码体  }   }

onreadystatechange当状态发生变化时执行

成功返回的代码

xhr.?

responseText 返回的是纯文本格式

responseXML返回xml格式的数据，可以通过DOM操作数据

responseURL 选择本地的请求的URL信息

responseType 相应的类型

response 相应的对象

三.代码示例

 var xhr=new XMLHttpRequest();
  xhr.open('GET','https://www.baidu.com/search?keyword="蓝天白云"');
    xhr.onreadystatechange=function(){
        if(xhr.readyState===4&&xhr.status===200){//成功
            console.log(xhr.responseText);
        }
    }

总结

以上就是XMLHttpRequest对象使用方式