原生js发送ajax请求
时间: 2023-08-23 14:15:36 浏览: 127
你可以使用原生的 JavaScript 发送 AJAX 请求。下面是一个示例:
```javascript
var xhr = new XMLHttpRequest(); // 创建 XMLHttpRequest 对象
xhr.open("GET", "http://api.example.com/data", true); // 设置请求方法、URL 和异步标志
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) { // 当请求完成且成功返回时
var response = JSON.parse(xhr.responseText); // 解析响应数据
console.log(response);
}
};
xhr.send(); // 发送请求
```
在上面的示例中,我们创建了一个 `XMLHttpRequest` 对象,使用 `open` 方法设置请求方法、URL 和异步标志。然后,我们通过 `onreadystatechange` 事件处理程序来监听请求的状态变化。当 `readyState` 变为 4 并且 `status` 为 200 时,表示请求已经完成且成功返回。在这个条件下,我们可以通过 `responseText` 属性获取响应数据,并进行进一步处理。
当然,你也可以使用其他 HTTP 方法(如 POST)来发送请求,并可以在 `send` 方法中传递请求体数据。此外,你还可以在 `open` 方法中设置第三个参数为 `false`,以实现同步请求。不过,异步请求通常是更常见和推荐的做法,因为它不会阻塞浏览器的主线程。
阅读全文