XMLHttpRequest 发送json 传
时间: 2023-08-07 16:03:31 浏览: 68
您可以使用XMLHttpRequest对象发送JSON数据。下面是一个示例代码:
```javascript
var xhr = new XMLHttpRequest();
var url = 'your_server_url';
var data = JSON.stringify({ key1: value1, key2: value2 });
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);
// 处理响应数据
}
};
xhr.send(data);
```
在上面的示例中,您需要替换`your_server_url`为您的服务器端URL。`data`变量是一个JSON对象,通过`JSON.stringify()`方法将其转换为字符串。然后,使用`xhr.open()`方法打开一个POST请求,并通过`xhr.setRequestHeader()`方法设置请求头的Content-Type为application/json。最后,通过`xhr.send()`方法发送请求并将数据作为参数传递。
请注意,上述代码是基于纯JavaScript的XMLHttpRequest对象。如果您使用的是现代框架(如Vue.js、React等),通常会有更简洁易用的方式来发送HTTP请求。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.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)