axios get 传参 json
时间: 2023-08-16 12:15:51 浏览: 143
使用axios进行GET请求并传递JSON参数,可以使用以下方式:
```javascript
import axios from 'axios';
// 创建一个JSON对象作为参数
const params = {
key1: 'value1',
key2: 'value2'
};
// 将参数对象转换为JSON字符串
const jsonData = JSON.stringify(params);
// 发送GET请求,并将参数作为query string传递
axios.get('https://example.com/api', {
params: {
data: jsonData
}
})
.then(response => {
// 处理响应数据
console.log(response.data);
})
.catch(error => {
// 处理错误
console.error(error);
});
```
在上面的示例中,我们首先创建一个JSON对象作为参数,然后使用`JSON.stringify()`将其转换为JSON字符串。接下来,在axios的GET请求中,我们使用`params`选项将参数作为query string传递,将参数名设置为`data`,值为之前转换的JSON字符串。最后,通过`.then()`处理成功的响应和`.catch()`处理错误。
请注意,这种方式会将JSON参数作为query string的一部分发送到服务器。如果服务器端需要通过请求主体(request body)接收JSON参数,请改用POST请求或其他适当的HTTP方法。
阅读全文