简单的原生Ajax请求步骤

七海七海七海。

于 2019-05-17 10:04:42 发布

阅读量610

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Ajax学习文章标签： Ajax

本文链接：https://blog.youkuaiyun.com/weixin_44699307/article/details/90287762

Ajax学习专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了简单的原生Ajax请求步骤，包括创建xhr对象并判断兼容性、准备发送请求、发送请求以及执行回调函数。还说明了不同请求方式下的注意事项，如POST请求需添加请求头，以及如何判断服务器是否正确响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简单的原生Ajax请求步骤

**
//1.创建xhr对象并判断兼容性
var xhr = null;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest( ); //IE 6以上
} else {
xhr = new ActiveXObject(“Microsoft.XMLHTTP”); //IE6 以下
}
//2.准备发送请求
xhr.open(method,url, async);
//第一个参数是请求方式；
//第二个参数是请求地址；
//第三个参数是同步还是异步异步是true 同步是false

//如果是GET请求 send（）可以为空，如果是POST请求send（）必须是字符串string
//如果是POST请求在open和send中间还需要添加请求头，不然会报错
xhr.setRequestHeader(“Content-type”,“application/x-www-form-urlencoded” );
//3.发送请求
xhr.send( );
//4.执行回调函数
xhr.onreadystatechange = function () {
//判断服务器是否正确响应
if (xhr.readystate = 4 && xhr.status = 200){
console.log(xhr.responseText);
}
}