XMLHttpRequest对象

最新推荐文章于 2023-10-16 23:04:32 发布

小宛碎碎冰

最新推荐文章于 2023-10-16 23:04:32 发布

阅读量828

点赞数 3

分类专栏： js 文章标签： javascript 前端 ajax 开发语言

本文链接：https://blog.youkuaiyun.com/wanjun_007/article/details/126772185

版权

js 专栏收录该内容

5 篇文章

订阅专栏

前言

一、XMLHttpRequest对象是什么？

二、使用步骤

1.实例化一个XMLHttpRequest对象

成功返回的代码指令

前言

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

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

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

一、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);

        }
    }