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 相关文章推荐
不能再简单的无闪刷新验证码原理很简单
Nov 05 Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
Nov 07 Javascript
js左右弹性滚动对联广告代码分享
Feb 19 Javascript
jquery下div 的resize事件示例代码
Mar 09 Javascript
用循环或if语句从json中取数据示例
Aug 18 Javascript
HTML,CSS,JavaScript速查表推荐
Dec 02 Javascript
js实现右键自定义菜单
Dec 03 Javascript
js实现三级联动效果(简单易懂)
Mar 27 Javascript
JS实现针对给定时间的倒计时功能示例
Apr 11 Javascript
vue轮播图插件vue-awesome-swiper
Nov 27 Javascript
微信小程序 腾讯地图SDK 获取当前地址实现解析
Aug 12 Javascript
Vuex实现购物车小功能
Aug 17 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
首页四格,首页五格For6.0(GBK)(UTF-8)[12种组合][9-18][版主安装测试通过]
2007/09/24 PHP
PHP面向对象程序设计之类常量用法实例
2014/08/20 PHP
Codeigniter控制器controller继承问题实例分析
2016/01/19 PHP
php 魔术常量详解及实例代码
2016/12/04 PHP
JS按位非(~)运算符与~~运算符的理解分析
2011/07/31 Javascript
javascript 日期时间 转换的方法
2013/02/21 Javascript
JS去除右边逗号的简单方法
2013/07/03 Javascript
javascript里绝对用的上的字符分割函数总结
2014/07/31 Javascript
vue 中自定义指令改变data中的值
2017/06/02 Javascript
利用JQuery操作iframe父页面、子页面的元素和方法汇总
2017/09/10 jQuery
微信小程序 数据绑定及运算的简单实例
2017/09/20 Javascript
基于twbsPagination.js分页插件使用心得(分享)
2017/10/21 Javascript
JS设计模式之观察者模式实现实时改变页面中金额数的方法
2018/02/05 Javascript
vue代码分割的实现(codesplit)
2018/11/13 Javascript
angular4自定义表单控件[(ngModel)]的实现
2018/11/23 Javascript
Vue组件系列开发之模态框
2019/04/18 Javascript
[02:51]2014DOTA2国际邀请赛 IG战队官方纪录片
2014/07/21 DOTA
处理Python中的URLError异常的方法
2015/04/30 Python
网站渗透常用Python小脚本查询同ip网站
2017/05/08 Python
pandas 选择某几列的方法
2018/07/03 Python
python实现汽车管理系统
2018/11/30 Python
django的csrf实现过程详解
2019/07/26 Python
Django 反向生成url实例详解
2019/07/30 Python
时装界的“朋克之母”:Vivienne Westwood
2017/07/06 全球购物
什么是表空间(tablespace)和系统表空间(System tablespace)
2013/02/25 面试题
十岁生日同学答谢词
2014/01/19 职场文书
党员群众路线剖析材料
2014/10/08 职场文书
人事主管岗位职责
2015/02/04 职场文书
2015年工程部工作总结
2015/04/30 职场文书
乡镇法制宣传日活动总结
2015/05/05 职场文书
运动员入场前导词
2015/07/20 职场文书
事业单位工作人员2015年度思想工作总结
2015/10/15 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书
python微信智能AI机器人实现多种支付方式
2022/04/12 Python
MySQ InnoDB和MyISAM存储引擎介绍
2022/04/26 MySQL
js 实现验证码输入框示例详解
2022/09/23 Javascript