原生 ajax 写法
时间: 2023-07-03 07:15:56 浏览: 172
基于js原生和ajax的get和post方法以及jsonp的原生写法实例.docx
原生ajax写法如下:
```javascript
var xhr = new XMLHttpRequest(); //创建 XMLHttpRequest 对象
xhr.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
//请求成功
console.log(xhr.responseText);
}
};
xhr.open("GET", "example.php", true); //设置请求方法和地址
xhr.send(); //发送请求
```
其中,`xhr` 是 XMLHttpRequest 对象,`onreadystatechange` 事件处理程序会在请求状态发生改变时被调用,`open` 方法用于设置请求方法和地址,`send` 方法用于发送请求。在 `onreadystatechange` 事件处理程序中,我们可以通过 `readyState` 和 `status` 属性来判断请求是否成功。如果 `readyState` 的值为 4,表示请求已完成;如果 `status` 的值为 200,表示请求成功。此时,可以通过 `responseText` 属性获取服务器返回的数据。
阅读全文