ajax发送json数据
时间: 2023-10-17 18:13:34 浏览: 89
Ajax实现Json数据传送
4星 · 用户满意度95%
可以通过以下步骤使用Ajax发送JSON数据:
1. 创建一个包含JSON数据的JavaScript对象。
2. 使用JSON.stringify()方法将JavaScript对象转换为JSON字符串。
3. 使用XMLHttpRequest对象发送POST请求。
4. 设置Content-Type标头为application/json。
5. 将JSON字符串作为请求正文发送。
以下是一个示例:
```javascript
var data = {
name: "John",
age: 30,
city: "New York"
};
var json = JSON.stringify(data);
var xhr = new XMLHttpRequest();
xhr.open("POST", "url/to/server", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(json);
```
在这个示例中,我们首先创建一个包含JSON数据的JavaScript对象。然后,我们使用JSON.stringify()方法将JavaScript对象转换为JSON字符串。接下来,我们使用XMLHttpRequest对象发送POST请求,并设置Content-Type标头为application/json。最后,我们将JSON字符串作为请求正文发送。
阅读全文