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

一、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

猜你喜欢

转载自blog.csdn.net/d1332508051/article/details/107750796