欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

VUE中axios的get、post请求传参方式

程序员文章站 2022-04-15 13:14:15
...

一、get请求
下面展示一些 内联代码片

方法一:


axios.get('/user?id=12345&name=user')
.then(function (res) {   
 console.log(res);
 })
 .catch(function (err) {  
   console.log(err);
   });

方法二:
下面展示一些 内联代码片


axios.get('/user', {  //params参数必写 , 如果没有参数传{}也可以    
 params: {         
   id: 12345,      
   name: user   
   }
})
 .then(function (res) {
  console.log(res);
  }).catch(function (err) { 
  console.log(err);
});

二、post请求 传参格式为 raw (JSON格式)
第一种情况: axios将JavaScript对象序列化为JSON
(全局请求头:‘Content-Type’= ‘application/x-www-form-urlencoded’)
(request的Header:‘Content-Type’= ‘application/json;charset=UTF-8’)
下面展示一些 内联代码片

var readyData={  
  id:1234,    
  name:user
};
axios.post("/notice",readyData)
 .then((res) => {return res}) 
 .catch((err) => {return err})

第二种情况:
(全局请求头:‘Content-Type’= ‘application/json;charset=UTF-8’)
(request的Header:‘Content-Type’= ‘application/json;charset=UTF-8’)
下面展示一些 内联代码片

var readyData=JSON.stringify({  
  id:1234,    
  name:user

});
axios.post("/notice",readyData)
 .then((res) => {return res})    
 .catch((err) => {return err})

原文转自:https://blog.csdn.net/qq_31837621/article/details/80688854

相关标签: vue.js