原生ajax

最新推荐文章于 2024-09-27 15:27:45 发布

想吃手撕面包

最新推荐文章于 2024-09-27 15:27:45 发布

阅读量152

点赞数 2

文章标签： Ajax 异步数据 XMLHttpRequest 前端开发 HTTP请求

本文链接：https://blog.csdn.net/qq_67519713/article/details/126511185

版权

1.什么是ajax？

ajax主要是负责的是客户端和服务端异步数据通讯的工具，原生的ajax对浏览器支持比较好，所以群众基础还是比较广泛。

2.原生的ajax请求数据大致分为如下几个步骤:

<script>
        let xhr = null;
        //实例化xmlhttprequest对象
        xhr = new XMLHttpRequest();
        //配置要请求的接口地址
        xhr.open("post","url地址",true);
        //设置请求的头部信息，如果是post请求的话
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
        //设置请求后状态发生变化的回调函数
        xhr.onreadystatechange = ()=>{
		if(xhr.readyState == 4 && xhr.status == 200){
           //成功后获取服务器返回数据
           }
        };
        // 发送请求
        xhr.send();
</script>