写个ajax post
时间: 2023-09-09 14:09:14 浏览: 50
好的,下面是一个简单的AJAX POST请求的示例:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com/api', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = xhr.responseText;
console.log(data);
}
};
var requestData = {name: 'John', age: 30};
xhr.send(JSON.stringify(requestData));
```
在这个示例中,我们使用XMLHttpRequest对象向'http://example.com/api'发送了一个POST请求,设置了请求头'Content-Type'为'application/json',表示请求体是JSON格式的数据。当请求状态发生变化时,会触发onreadystatechange事件,我们在事件回调函数中判断请求状态是否完成,并检查响应状态码是否为200,如果满足条件,就可以获取响应数据并进行处理。
同时,我们需要将请求数据以JSON格式的字符串形式发送给服务器,使用JSON.stringify()方法对requestData对象进行序列化。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)