vue中get和post请求

/ JAVA / 0 条评论 / 850浏览

在vue中,专门和后台交互需要引用 vue-resource.js

<!-- ==============引入vue-resource插件=================-->  
<script src="../js/vueJs/vue-resource.js"></script>  

vue中get请求:

function getRequest(url, params) {  
  return new Promise((resolve, reject) => {  
    Vue.$http.get(  
      url,  
      {  
        params: params  
      },  
      {emulateJSON: true}  
    )  
    .then((res) => {   //成功的回调  
      resolve(res);  
    })  
    .catch((res) => {  //失败的回调  
      reject(res);  
    });  
  });  
} 

注:vue的get请求传递参数的时候要用{params:{id:'1'}},这样来传递参数,否则就无法传递参数

vue中post请求

function postRequest(url, params) {  
  return new Promise((resolve, reject) => {  
    Vue.$http.post(  
      url,  
      {  
        params  
      },  
      {emulateJSON: true}  
    )  
    .then((res) => {    //成功胡回调  
      resolve(res.body);  
    })  
    .catch((res) => {   //失败的回掉  
      reject(res.body);  
    });  
  });  
}