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 相关文章推荐
jQuery代码优化 遍历篇
Nov 01 Javascript
node.js 一个简单的页面输出实现代码
Mar 07 Javascript
js单例模式详解实例
Nov 21 Javascript
jquery实现图片滚动效果的简单实例
Nov 23 Javascript
Javascript中的几种URL编码方法比较
Jan 23 Javascript
JavaScript之Vue.js【入门基础】
Dec 06 Javascript
Bootstrap CSS布局之图像
Dec 17 Javascript
js+canvas实现动态吃豆人效果
Mar 22 Javascript
Vue.use源码分析
Apr 22 Javascript
JavaScript事件委托原理与用法实例分析
Jun 07 Javascript
vue-cli 为项目设置别名的方法
Oct 15 Javascript
JS图片懒加载的优点及实现原理
Jan 10 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 之入门篇
2006/12/04 PHP
php文件操作小结(删除指定文件/获取文件夹下的文件名/读取文件夹下图片名)
2016/05/09 PHP
PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】
2017/07/03 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
PHP实现从PostgreSQL数据库检索数据分页显示及根据条件查找数据示例
2018/06/09 PHP
PHP创建XML的方法示例【基于DOMDocument类及SimpleXMLElement类】
2019/09/10 PHP
JQuery 国际象棋棋盘 实现代码
2009/06/26 Javascript
jquery二级导航内容均分的原理及实现
2013/08/13 Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
2013/09/05 Javascript
JavaScript数组迭代方法
2017/03/03 Javascript
jQuery实现图片滑动效果
2017/03/08 Javascript
Mac系统下Webstorm快捷键整理大全
2017/05/28 Javascript
通过封装scroll.js 获取滚动条的值
2018/07/13 Javascript
微信小程序实践之动态控制组件的显示/隐藏功能
2018/07/18 Javascript
使用js实现单链解决前端队列问题的方法
2020/02/03 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
2020/04/11 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
2020/06/08 Javascript
vue.js实现点击图标放大离开时缩小的代码
2021/01/27 Vue.js
[57:18]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#3VP VS VG
2016/03/03 DOTA
Python实现随机选择元素功能
2017/09/14 Python
Python装饰器语法糖
2019/01/02 Python
python中图像通道分离与合并实例
2020/01/17 Python
对Tensorflow中tensorboard日志的生成与显示详解
2020/02/04 Python
Python对象的属性访问过程详解
2020/03/05 Python
Python捕获异常堆栈信息的几种方法(小结)
2020/05/18 Python
详解webapp页面滚动卡顿的解决办法
2018/12/26 HTML / CSS
HUGO BOSS美国官方网上商店:世界知名奢侈品牌
2017/08/04 全球购物
Ralph Lauren拉夫·劳伦美国官网:带有浓郁美国气息的高品味时装品牌
2017/11/01 全球购物
英国家喻户晓的高街品牌:River Island
2017/11/28 全球购物
乌克兰设计师和品牌的服装:Love&Live
2020/04/14 全球购物
新西兰最大的连锁超市:Countdown
2020/06/04 全球购物
股东授权委托书
2014/10/15 职场文书
群众路线领导班子整改方案
2014/10/25 职场文书
导游词300字
2015/02/13 职场文书
Java面试题冲刺第十六天--消息队列
2021/08/07 面试题