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


Posted in Javascript onAugust 09, 2018

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

Javascript 相关文章推荐
轻轻松松学习JavaScript
Feb 25 Javascript
JavaScript继承方式实例
Oct 29 Javascript
jQuery LigerUI 使用教程入门篇
Jan 18 Javascript
javascript实现判断鼠标的状态
Jul 10 Javascript
基于replaceChild制作简单的吞噬特效
Sep 21 Javascript
IOS中safari下的select下拉菜单文字过长不换行的解决方法
Sep 26 Javascript
Jil,高效的json序列化和反序列化库
Feb 15 Javascript
在vue项目中集成graphql(vue-ApolloClient)
Sep 08 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
Apr 26 Javascript
泛谈JS逻辑判断选择器 || &&
May 24 Javascript
vue中利用Promise封装jsonp并调取数据
Jun 18 Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
Feb 05 Javascript
解决select2在bootstrap modal中不能正常使用的问题
Aug 09 #Javascript
一个Vue视频媒体多段裁剪组件的实现示例
Aug 09 #Javascript
bootstrap动态调用select下拉框的实例代码
Aug 09 #Javascript
vue.js 中使用(...)运算符报错的解决方法
Aug 09 #Javascript
select2 ajax 设置默认值,初始值的方法
Aug 09 #Javascript
bootstrap select2插件用ajax来获取和显示数据的实例
Aug 09 #Javascript
微信小程序url传参写变量的方法
Aug 09 #Javascript
You might like
PHP 超链接 抓取实现代码
2009/06/29 PHP
php对二维数组进行相关操作(排序、转换、去空白等)
2015/11/04 PHP
Laravel 对某一列进行筛选然后求和sum()的例子
2019/10/10 PHP
showModelessDialog()使用详解
2006/09/21 Javascript
javascript笔试题目附答案@20081025_jb51.net
2008/10/26 Javascript
js 浮动层菜单收藏
2009/01/16 Javascript
JavaScript 高级语法介绍
2009/06/15 Javascript
让JavaScript 轻松支持函数重载 (Part 1 - 设计)
2009/08/04 Javascript
JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布
2009/10/29 Javascript
用nodejs访问ActiveX对象,以操作Access数据库为例。
2011/12/15 NodeJs
JavaScript中两个感叹号的作用说明
2011/12/28 Javascript
使用nodejs、Python写的一个简易HTTP静态文件服务器
2014/07/18 NodeJs
Javascript中的关键字和保留字整理
2014/10/16 Javascript
js+css实现tab菜单切换效果的方法
2015/01/20 Javascript
js实现字符串和数组之间相互转换操作
2016/01/12 Javascript
使用Promise解决多层异步调用的简单学习心得
2016/05/17 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
2016/06/24 Javascript
chorme 浏览器记住密码后input黄色背景处理方法(两种)
2017/11/22 Javascript
vue下拉菜单组件(含搜索)的实现代码
2018/11/25 Javascript
js设置鼠标悬停改变背景色实现详解
2019/06/26 Javascript
Vue常用传值方式、父传子、子传父及非父子实例分析
2020/02/24 Javascript
python 文件操作删除某行的实例
2017/09/04 Python
pytorch点乘与叉乘示例讲解
2019/12/27 Python
python 爬虫 实现增量去重和定时爬取实例
2020/02/28 Python
Python获取对象属性的几种方式小结
2020/03/12 Python
size?德国官方网站:英国伦敦的球鞋精品店
2018/03/17 全球购物
迪斯尼假期(欧洲、中东及非洲):Disney Holidays EMEA
2021/02/15 全球购物
定义一结构体变量,用其表示点坐标,并输入两点坐标,求两点之间的距离
2015/08/17 面试题
一套软件开发工程师笔试题
2015/05/18 面试题
2014学雷锋活动心得体会
2014/03/10 职场文书
励志广播稿300字(5篇)
2014/09/15 职场文书
2014年教师学期工作总结
2014/11/08 职场文书
2014年前台个人工作总结
2014/11/14 职场文书
绿色环保倡议书
2015/04/28 职场文书
医院感染管理制度
2015/08/05 职场文书
游戏《铁拳》动画化!2022年年内播出
2022/03/21 日漫