原生js ajax post示例并接受返回值
时间: 2023-05-21 16:03:13 浏览: 352
以下是一个原生 JavaScript 的 AJAX POST 请求示例,并接收返回值:
```
var xhr = new XMLHttpRequest();
var url = "your-url-here";
var data = JSON.stringify({"key": "value"});
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
xhr.send(data);
```
在这个示例中,我们使用 XMLHttpRequest 对象来发送 POST 请求。我们首先定义了请求的 URL 和要发送的数据。然后,我们使用 `open()` 方法来打开请求,设置请求类型为 POST,并将第三个参数设置为 true,表示我们希望使用异步请求。
接下来,我们使用 `setRequestHeader()` 方法来设置请求头,告诉服务器我们发送的是 JSON 数据。然后,我们定义了一个 `onreadystatechange` 事件处理程序,当请求状态改变时会被调用。在这个事件处理程序中,我们检查请求的状态是否为 4(即请求已完成),并检查响应的状态码是否为 200(即请求成功)。如果请求成功,我们使用 `JSON.parse()` 方法将响应文本解析为 JSON 对象,并将其打印到控制台中。
最后,我们使用 `send()` 方法将数据发送到服务器。
阅读全文