当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vuejs使用axios异步访问时用get和post的实例讲解

vuejs使用axios异步访问时用get和post的实例讲解

2018年08月18日  | 移动技术网IT编程  | 我要评论

先进党支部申报材料,97蜜桃色图片,洛克王国幸运符文

script中。

let data={....};

let url=xx;

方法各异：

get：

this.$ajax.get(url,{
    params:data
   })
   .then(function (res) {
    console.log(res.data)
   })
   .catch(function (error) {
    console.log(error)
   })

post：

方法一：1.

  //请求后台数据之前转换入参

 
let url = xx; 
let data = {
    uname:this.uname,
    upwd:this.upwd,
    pid:this.pid
   };
 function transformrequest(data) {
   let ret = ''
   for (let it in data) {
    ret += encodeuricomponent(it) + '=' + encodeuricomponent(data[it]) + '&'
   }
   return ret
 }
   let p = transformrequest(data)
   this.$ajax.post(url,p)
   .then(function (res) {
    console.log(res.data)
   })
   .catch(function (error) {
    console.log(error)
   })

方法二：2

var qs = require('qs');
this.$ajax.get(url,qs.stringfy(data))
   .then(function (res) {
    console.log(res.data)
   })
   .catch(function (error) {
    console.log(error)
   })

this.$ajax是注入axios通过修改vue原型重新命名的，还是axios。

以上这篇vuejs使用axios异步访问时用get和post的实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网