js 发送ajax请求(XMLHttpRequest)
时间: 2023-08-21 08:44:54 浏览: 52
好的,下面是 JS 发送 AJAX 请求(XMLHttpRequest)的代码示例:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data', true); // 设置请求方法、请求地址、异步标志
xhr.onreadystatechange = function () {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
console.log(xhr.responseText); // 处理响应结果
}
};
xhr.send(); // 发送请求
```
上面的代码中,创建了一个 XMLHttpRequest 对象,并使用 `open` 方法设置了请求方法、请求地址和异步标志。然后,通过 `onreadystatechange` 事件监听器来处理请求的响应结果。最后,调用 `send` 方法发送请求。
当 `readyState` 属性的值为 `XMLHttpRequest.DONE` 且 `status` 属性的值为 `200` 时,表示请求成功,可以通过 `responseText` 属性获取响应结果。
当然,也可以使用 POST 方法发送请求,只需要在 `open` 方法中设置请求方法为 `POST`,并在 `send` 方法中传递请求参数即可。
相关问题
js发送ajax请求
在 JavaScript 中,可以使用 XMLHttpRequest 对象发送 AJAX 请求。以下是一个基本的示例代码:
```
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.open('GET', 'url-to-api-endpoint');
xhr.send();
```
在此代码中,我们创建了一个 XMLHttpRequest 对象并将其分配给 `xhr` 变量。然后,我们定义了一个 `onreadystatechange` 回调函数,以便在 AJAX 请求的状态发生变化时进行处理。在这个示例中,我们只关心 `readyState` 和 `status` 两个属性,我们只在请求完成并且返回状态为 200 时才输出响应内容。最后,我们通过调用 `open` 方法和 `send` 方法来发送 AJAX 请求。
JavaScript发送ajax请求
可以使用`XMLHttpRequest`对象发送ajax请求,示例代码如下:
```javascript
const xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api');
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.log('请求失败');
}
};
xhr.send();
```
以上代码会发送一个GET请求到`http://example.com/api`,请求成功后打印响应内容,请求失败则打印错误信息。你可以根据实际情况修改请求方法、请求地址和回调函数。