XMLHttpRequest对象的基本使用

最新推荐文章于 2023-09-18 15:19:22 发布

zhengxue_er

最新推荐文章于 2023-09-18 15:19:22 发布

阅读量273

点赞数 1

分类专栏：前端文章标签： ajax异步请求

本文链接：https://blog.csdn.net/qq_38177305/article/details/78717877

版权

34 篇文章 1 订阅

订阅专栏

页面不跳转时，加载页面需要手动向服务器发送数据，此时就需要在我们的页面里面人为设置：请求行，请求头，请求主体。在设置这些请求格式时，需要依托于一个对象————异步对象。

1.首先创建异步对象：

 //创建对象
    var xhr = new XMLHttpRequest();

2.设置请求行：

//设置请求行
    xhr.open('post','postData.php');

参数1：提交数据的方式，默认是get方法；
参数2：数据提交的页面地址；
参数3：异步请求（默认，true）还是同步请求,false;

3.设置请求头：

//设置请求头
    xhr.setRequestHeader(键名，键值);

4.注册回调函数：

//设置回调函数
    xhr.onreadystatechange = function(){
        console.log(xhr.responseText);
    }

5.请求主体：

xhr.send();

关注