码迷,mamicode.com
首页 > 其他好文 > 详细

vue-elementui-admin发送post请求,参数不对问题

时间:2020-11-24 12:08:49      阅读:8      评论:0      收藏:0      [点我收藏+]

标签:问题   rms   uda   string   func   admin   使用   append   app   

第一步接口

import request from ‘@/utils/request‘

// 查询挂号信息
export function querytestForPage(parms) {
  return request({
    url: ‘jisuapi/get?‘+parms,
    method: ‘get‘,  
  })
}
// 测试test
export 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‘); //格式https://way.jd.com/jisuapi/get?channel=%E5%A4%B4%E6%9D%A1
&num=10&start=0&appkey=f41add969514932c721cbdc45f6a15ea this.myparms=params; postTest(this.myparms).then(res => {                 this.jiekouData= res.result.result;         console.log( this.jiekouData)       }).catch(()=> { console.log(+"------------")        console.log("接口调用错误")       }) },

总结为什么要构造这种格式

接口写法基本一致,但参数构造不一样
普通的formed方式---------------------------

var params = new URLSearchParams();
params.append(‘name‘, ‘头条‘);
params.append(‘id‘, ‘2‘);

this.myparms=params;
后台接收参数: public Student greeting2(int id,String name) 


{ json方式---------------------
data: {id: ‘3‘, name: ‘abc‘}
后台接收参数 public Object greeting2(@RequestBody Object student) {

 

vue-elementui-admin发送post请求,参数不对问题

标签:问题   rms   uda   string   func   admin   使用   append   app   

原文地址:https://www.cnblogs.com/javakangkang/p/14007276.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!