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

发布时间:2020-10-04 00:52:43 作者:milli236
来源:脚本之家 阅读:303

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的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持亿速云。

推荐阅读:
  1. 使用AngularJS怎么发送异步Get和Post请求
  2. axios post提交formdata的实例

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vuejs axios get

上一篇:Vue.js实战之使用Vuex + axios发送请求详解

下一篇:Android RecyclerView item选中放大被遮挡问题详解

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》