vue axios.post 多参数传递

多参数传递

页面

axios.post(
 "path",{param1:this.param1,param2:this.param2},
  {headers: {'Content-Type': 'application/json; charset=utf-8'}}
                ).then(function (res) {
                	console.log(res);
                 }).catch(function (error) {
                    alert("调用失败");
                 })

后台接口

controller层
在方法参数中加上接收参数
@RequestBody Map<String,Object> param

方法中
param.get("param1");
param.get("param2");
Vue 3中,您可以使用axios库来发送POST请求并参数。以下是一个简单的示例,展示如何使用axios.post发送参数: 1. 首先,确保您已经在项目中安装了axios库。可以使用以下命令进行安装: ```shell npm install axios ``` 2. 在Vue组件中导入axios库: ```javascript import axios from 'axios'; ``` 3. 在发送POST请求时,您可以使用params属性来参数。例如,假设您要向API发送一个包含"userId"和"name"参数POST请求,您可以这样做: ```javascript axios.post( 'https://example.com/api/endpoint', // API端点地址 { userId: 123, name: 'John Doe' }, // 包含参数的对象 { params: { userId: 123, name: 'John Doe' } } // 递params属性的方式 ) .then(response => { // 处理响应数据 }) .catch(error => { // 处理错误 }); ``` 在上面的示例中,我们使用了一个包含"userId"和"name"属性的对象作为请求体(body),并通过params属性将该对象递给API端点。您可以将params属性替换为您实际使用的任何参数格式,如URL查询字符串(query parameters)或JSON格式。 请注意,以上示例中的API端点地址和参数是示例数据,您需要将其替换为您实际使用的API地址和参数。 4. 在处理响应时,您可以根据需要处理返回的数据。例如,您可以将响应数据绑定到Vue组件的data属性中,或者将其递给其他组件或逻辑进行处理。 这只是一个简单的示例,您可以根据自己的需求进行修改和扩展。axios库提供了许多其他功能和选项,如请求和响应拦截器、错误处理等,您可以查阅axios文档以了解更多详细信息。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值