通过Ajax函数 将JSON提交给服务器,处理服务器的返回结果
时间: 2023-12-23 22:06:22 浏览: 33
好的,您可以参考以下代码示例:
```javascript
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方法和请求地址
xhr.open('POST', '/server', true);
// 设置请求头部信息
xhr.setRequestHeader('Content-Type', 'application/json');
// 定义回调函数
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 处理服务器返回结果
var result = JSON.parse(xhr.responseText);
console.log(result);
} else {
console.error(xhr.statusText);
}
}
};
// 构造请求参数
var params = {
name: 'John',
age: 30
};
// 发送请求
xhr.send(JSON.stringify(params));
```
上述代码通过XMLHttpRequest对象实现了将JSON格式的数据提交给服务器,并在服务器返回结果后进行处理。其中,通过`open()`方法设置了请求方法和请求地址;通过`setRequestHeader()`方法设置了请求头部信息;通过`onreadystatechange`属性定义了回调函数,用于处理服务器返回结果;通过`send()`方法发送请求,并将请求参数转换成JSON字符串格式。在回调函数中,通过`status`属性判断请求是否成功,如果请求成功,则通过`responseText`属性获取服务器返回结果,并将其解析成JSON格式。
相关推荐
![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)