js get post 请求参数
时间: 2023-08-29 14:10:07 浏览: 99
JavaScript 中进行 GET 和 POST 请求时,可以通过以下方式传递参数:
1. GET 请求参数:
- 将参数直接附加在 URL 后面,使用 `?` 连接 URL 和参数,参数之间使用 `&` 分隔。例如:`http://example.com/api?param1=value1¶m2=value2`
- 使用 `URLSearchParams` 对象构建参数。例如:
```javascript
const params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
const url = 'http://example.com/api?' + params.toString();
```
2. POST 请求参数:
- 使用 `FormData` 对象构建参数。例如:
```javascript
const formData = new FormData();
formData.append('param1', 'value1');
formData.append('param2', 'value2');
const requestOptions = {
method: 'POST',
body: formData
};
fetch('http://example.com/api', requestOptions)
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.log(error));
```
- 将参数作为 JSON 字符串放在请求的主体中。例如:
```javascript
const data = {
param1: 'value1',
param2: 'value2'
};
const requestOptions = {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(data)
};
fetch('http://example.com/api', requestOptions)
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.log(error));
```
以上示例使用了 `fetch` 函数进行网络请求,你也可以使用其他的 Ajax 库或框架来发送请求。
阅读全文