基于vue添加axios组件,解决帖子传参数为零的问题

  

好、下面上货。

  

        npm安装axios——保存      

        从“axios”进口axios   axios.defaults.headers.post(“内容类型”)=坝τ贸绦?x-www-form-urlencoded”;   axios.defaults.baseURL=' http://localhost: 7878/zkview ';   Vue.prototype。ajax美元=axios;      

        testGet:函数(){   ajax({美元。   方法:“得到”,   url:/测试/问候,   参数:{   名字:“弗雷德”,   姓:“打火石”   }   })。然后(函数(响应){   console.log(响应);   })。抓住(函数(错误){   console.log(错误);   });   },      

        testPost:函数(){   var params=new URLSearchParams ();   参数个数。附加('名称',‘您好jdmc你好”);   参数个数。追加(' id ', ' 2 ');   ajax({美元。   方法:“文章”,   url:“/测试/greeting2”,   数据:参数//数据:{id:“3”,名称:' abc '}   })。然后(函数(响应){   console.log(响应);   })。抓住(函数(错误){   console.log(错误);   })   }      

  

基于vue添加axios组件,解决帖子传参数为零的问题

  

基于vue添加axios组件,解决帖子传参数为零的问题

  

  

在使用发布方式的时候传递参数有两种方式,一种是普通方式,一种是json方式,如果后台接受的是普通方式,那么使用上述方式即可。

  

<>强普通形成的方式

        var params=new URLSearchParams ();   参数个数。附加('名称',‘您好jdmc你好”);   参数个数。追加(' id ', ' 2 ');   数据:params      

<强>后台接收参数:

        公开学生greeting2 (int id字符串名称){      

<强> json方式

        数据:{id:“3”,名字:“abc”}      

<强>后台接收参数

        公共对象greeting2 (@RequestBody对象学生){      

以上这篇基于vue添加axios组件,解决帖子传参数为零的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

基于vue添加axios组件,解决帖子传参数为零的问题