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

 更新时间:2018年08月09日 16:48:08   作者:milli236  
今天小编就为大家分享一篇vuejs使用axios异步访问时用get和post的实例讲解,具有很好的参考价值。希望对大家有所帮助。一起跟随小编过来看看吧

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

相关文章

  • element-ui自定义message-box自定义样式不生效的解决

    element-ui自定义message-box自定义样式不生效的解决

    这篇文章主要介绍了element-ui自定义message-box自定义样式不生效的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • vue本地打开build后生成的dist文件夹index.html问题

    vue本地打开build后生成的dist文件夹index.html问题

    这篇文章主要介绍了vue本地打开build后生成的dist文件夹index.html问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友参考下吧
    2019-09-09
  • vuex mutations 同步操作方法详解

    vuex mutations 同步操作方法详解

    这篇文章主要介绍了vuex mutations 同步操作方法,需要的朋友可以参考下
    2023-10-10
  • vue3动态路由解决刷新页面空白或跳转404问题

    vue3动态路由解决刷新页面空白或跳转404问题

    这篇文章主要为大家详细介绍了vue3如何通过动态路由解决刷新页面空白或跳转404问题,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下
    2025-01-01
  • vue3组件式弹窗打开的3种方式小结

    vue3组件式弹窗打开的3种方式小结

    这篇文章主要给大家介绍了关于vue3组件式弹窗打开的3种方式,弹窗组件是常见的交互组件,它能够弹出一些提示信息、提醒用户进行操作等等,需要的朋友可以参考下
    2023-07-07
  • el-select 下拉框多选实现全选的实现

    el-select 下拉框多选实现全选的实现

    这篇文章主要介绍了el-select 下拉框多选实现全选的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • Vue实现五子棋小游戏

    Vue实现五子棋小游戏

    这篇文章主要为大家详细介绍了Vue实现五子棋小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • Vue3中实现微信扫码登录的步骤和代码示例

    Vue3中实现微信扫码登录的步骤和代码示例

    在 Vue 3 中实现微信扫码登录,涉及到前端生成二维码、监听微信回调以及与后端的交互,本文给大家介绍了一个详细的实现步骤和代码示例,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
    2024-07-07
  • 关于vue src路径动态拼接的小知识

    关于vue src路径动态拼接的小知识

    这篇文章主要介绍了vue src路径动态拼接的小知识,具有很好的参考价值,希望对大家有所帮助。
    2022-04-04
  • Vue中使用better-scroll实现轮播图组件

    Vue中使用better-scroll实现轮播图组件

    better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。这篇文章主要介绍了Vue中使用better-scroll实现轮播图组件的实例代码,需要的朋友可以参考下
    2020-03-03

最新评论