vue-elementui-admin发送post请求，参数不对问题第⼀步接⼝
import request from '@/utils/request'
// 查询挂号信息
export function querytestForPage(parms) {
return request({
url: 'jisuapi/get?'+parms,
method: 'get',
})
}
// 测试test
vue element adminexport function postTest(data) {
return request({
url: 'jisuapi/get',
method: 'post',
data:data ,
})
}
第⼆步
<script>
import {querytestForPage,postTest} from '@/api/test/test'
第三步
data数据为----------------
myparms:undefined,
⽅法为----------------
jizhen(){
var params = new URLSearchParams();//要使⽤这种类型的数据
params.append('channel', '头条');
params.append('num', '10');
params.append('start', '1');
params.append('appkey', 'f41add969514932c721cbdc45f6a15ea');
//格式way.jd/jisuapi/get?channel=%E5%A4%B4%E6%9D%A1&num=10&start=0&appkey=f41add969514932c721cbdc45f6a15ea
parms).then(res => {
this.jiekouData= sult;
console.log( this.jiekouData)
}).catch(()=> {
console.log(+"------------")
console.log("接⼝调⽤错误")
})
},
总结为什么要构造这种格式
接⼝写法基本⼀致，但参数构造不⼀样
普通的formed⽅式---------------------------
var params = new URLSearchParams();
params.append('name', '头条');
params.append('id', '2');
后台接收参数： public Student greeting2(int id,String name)
{ json⽅式---------------------
data: {id: '3', name: 'abc'}
后台接收参数 public Object greeting2(@RequestBody Object student) {

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。