js怎么把json发送出去
时间: 2023-05-19 21:02:33 浏览: 46
可以使用XMLHttpRequest对象或fetch API将JSON数据发送到服务器。使用XMLHttpRequest对象时,可以使用send()方法将JSON数据作为参数发送。使用fetch API时,可以使用POST方法并将JSON数据作为请求体发送。以下是使用XMLHttpRequest对象发送JSON数据的示例代码:
```
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com/api');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = function() {
if (xhr.status === 200) {
console.log('JSON data sent successfully');
} else {
console.log('Error sending JSON data');
}
};
xhr.send(JSON.stringify({key1: 'value1', key2: 'value2'}));
```
使用fetch API发送JSON数据的示例代码如下:
```
fetch('http://example.com/api', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({key1: 'value1', key2: 'value2'})
})
.then(function(response) {
if (response.ok) {
console.log('JSON data sent successfully');
} else {
console.log('Error sending JSON data');
}
})
.catch(function(error) {
console.log('Error sending JSON data:', error);
});
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.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)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)