Ajax请求时设置Content-Type为application/json
时间: 2023-08-05 15:06:10 浏览: 115
$.ajax中contentType: “application/json” 的用法详解
在发送 Ajax 请求时,可以通过设置 `Content-Type` 请求头来指定请求的数据格式为 `application/json`。以下是一个示例代码:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('POST', 'your-api-url', true);
xhr.setRequestHeader('Content-Type', 'application/json');
// 构造请求体数据
var data = {
key1: 'value1',
key2: 'value2'
};
// 将数据转为 JSON 字符串
var jsonPayload = JSON.stringify(data);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 请求成功处理
console.log(xhr.responseText);
} else {
// 请求失败处理
console.error('请求失败');
}
}
};
xhr.send(jsonPayload);
```
在上述示例中,我们使用 `XMLHttpRequest` 对象发送了一个 POST 请求,设置了 `Content-Type` 请求头为 `application/json`。然后,我们将请求体数据转为 JSON 字符串并发送给服务器。请注意,你需要将 `'your-api-url'` 替换为你自己的 API 地址,并根据你的需求修改请求体数据。
阅读全文