前段怎么把application/json换成application/x-www-form-urlencoded
时间: 2023-09-26 20:13:29 浏览: 76
提交multipart/x-www-form-urlencoded类型数据
在前端发送请求时,可以使用 XMLHttpRequest 对象,并且在设置请求头时将 Content-Type 设置为 application/x-www-form-urlencoded。接着,将需要发送的数据转换成 key1=value1&key2=value2 的形式,即 URL 编码形式,然后作为请求体发送即可。
示例代码:
```javascript
const xhr = new XMLHttpRequest();
const url = 'http://example.com/api';
const data = {
key1: 'value1',
key2: 'value2'
};
const formData = new FormData();
for (const key in data) {
formData.append(key, data[key]);
}
xhr.open('POST', url);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send(formData);
```
注意:如果是使用 fetch API 发送请求,则需要在请求头中设置 Content-Type,并且将数据转换成 URL 编码的形式。示例代码:
```javascript
const url = 'http://example.com/api';
const data = {
key1: 'value1',
key2: 'value2'
};
const options = {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
body: Object.keys(data).map((key) => {
return encodeURIComponent(key) + '=' + encodeURIComponent(data[key])
}).join('&')
};
fetch(url, options);
```
阅读全文