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获得选中文本内容的方法
Dec 02 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
Sep 03 Javascript
jQuery 1.8 Release版本发布了
Aug 14 Javascript
尝试在让script的type属性等于text/html
Jan 15 Javascript
js控制table合并具体实现
Feb 20 Javascript
js判断浏览器类型及设备(移动页面开发)
Jul 30 Javascript
JavaScript、jQuery与Ajax的关系
Jan 24 Javascript
AngularJS使用自定义指令替代ng-repeat的方法
Sep 17 Javascript
微信小程序 LOL 英雄介绍开发实例
Sep 30 Javascript
JavaScript使用享元模式实现文件上传优化操作示例
Aug 07 Javascript
js实现飞机大战游戏
Aug 26 Javascript
JS中队列和双端队列实现及应用详解
Sep 29 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 && 逻辑与运算符使用说明
2010/03/04 PHP
PHP 防恶意刷新实现代码
2010/05/16 PHP
php多功能图片处理类分享(php图片缩放类)
2014/03/14 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
Yii Framework框架使用PHPExcel组件的方法示例
2019/07/24 PHP
菜单效果
2006/10/14 Javascript
JavaScript创建命名空间(namespace)的最简实现
2007/12/11 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
2013/04/17 Javascript
Eclipse去除js(JavaScript)验证错误
2014/02/11 Javascript
EasyUI在表单提交之前进行验证的实例代码
2016/06/24 Javascript
jQuery实现磁力图片跟随效果完整示例
2016/09/16 Javascript
vue双向数据绑定原理探究(附demo)
2017/01/17 Javascript
JS中Swiper的使用和轮播图效果
2017/08/11 Javascript
JavaScript中使用参数个数实现重载功能
2017/09/01 Javascript
js实现动态添加上传文件页面
2018/10/22 Javascript
微信二次分享报错invalid signature问题及解决方法
2019/04/01 Javascript
小程序使用wxs解决wxml保留2位小数问题
2019/12/13 Javascript
JS apply用法总结和使用场景实例分析
2020/03/14 Javascript
js获取url页面id,也就是最后的数字文件名
2020/09/25 Javascript
Vue绑定用户接口实现代码示例
2020/11/04 Javascript
Vite和Vue CLI的优劣
2021/01/30 Vue.js
[03:46]显微镜下的DOTA2第七期——满血与残血
2014/06/20 DOTA
[01:21]DOTA2 新英雄 森海飞霞
2020/12/18 DOTA
Python多线程编程(八):使用Event实现线程间通信
2015/04/05 Python
Python实现删除时保留特定文件夹和文件的示例
2018/04/27 Python
python config文件的读写操作示例
2019/09/27 Python
StubHub美国:购买或出售您的门票
2019/07/09 全球购物
DC Shoes俄罗斯官网:美国滑板鞋和服饰品牌
2020/08/19 全球购物
运动会通讯稿100字
2014/01/31 职场文书
社区优秀志愿者材料
2014/02/02 职场文书
行政助理的岗位职责
2014/02/18 职场文书
高一学生评语大全
2014/04/25 职场文书
学习十八届四中全会精神思想汇报
2014/10/23 职场文书
被委托人身份证明
2015/08/07 职场文书
2019数学教师下学期工作总结
2019/06/27 职场文书
CSS filter 有什么神奇用途
2021/05/25 HTML / CSS