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


    第一步接口

    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) {
  • 相关阅读:
    js加载优化三
    js加载优化-二
    js加载优化
    怎样获取元素的高度
    HttpClient
    Android Http请求方法汇总
    table列等宽
    单页面手机开发
    单页面
    【154】C#打包程序成安装包
  • 原文地址:https://www.cnblogs.com/javakangkang/p/14007276.html
Copyright © 2020-2023  润新知