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 相关文章推荐
瀑布流布局代码一例
Apr 11 Javascript
JavaScript实现上下浮动的窗口效果代码
Oct 12 Javascript
理解javascript定时器中的setTimeout与setInterval
Feb 23 Javascript
JS组件Bootstrap实现弹出框效果代码
Apr 26 Javascript
JavaScript仿flash遮罩动画效果
Jun 15 Javascript
Javascript OOP之面向对象
Jul 31 Javascript
jQuery实现的自动加载页面功能示例
Sep 04 Javascript
Vue动态实现评分效果
May 24 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
Feb 09 Javascript
解决vue-router路由拦截造成死循环问题
Aug 05 Javascript
JS实现炫酷雪花飘落效果
Aug 19 Javascript
Vue 实现拨打电话操作
Nov 16 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
中国的第一台收音机
2021/03/01 无线电
PHP 获取客户端真实IP地址多种方法小结
2010/05/15 PHP
php checkbox 取值详细说明
2010/08/19 PHP
PHP正则表达式替换站点关键字链接后空白的解决方法
2014/09/16 PHP
php删除文本文件中重复行的方法
2015/04/28 PHP
PHP Web木马扫描器代码分享
2015/09/06 PHP
基础的WordPress插件制作教程
2015/11/24 PHP
PHP内核探索之变量
2015/12/22 PHP
Yii2数据库操作常用方法小结
2017/05/04 PHP
php的命名空间与自动加载实现方法
2019/08/25 PHP
laravel按天、按小时,查询数据的实例
2019/10/09 PHP
phpwind放自动注册方法
2006/12/02 Javascript
幻宇的层模拟窗口效果-提供演示和下载
2007/01/20 Javascript
几个高效,简洁的字符处理函数
2007/04/12 Javascript
js获取本机的外网/广域网ip地址完整源码
2013/08/12 Javascript
基于JQuery制作可编辑的表格特效
2014/12/23 Javascript
jQuery使用hide方法隐藏指定元素class样式用法实例
2015/03/30 Javascript
WEB前端实现裁剪上传图片功能
2016/10/17 Javascript
JavaScript中最常见的三个面试题解析
2017/03/04 Javascript
JavaScript实现随机数生成器(去重)
2017/10/13 Javascript
用JS实现一个简单的打砖块游戏
2019/12/11 Javascript
详解JavaScript类型判断的四种方法
2020/10/21 Javascript
python解决Fedora解压zip时中文乱码的方法
2016/09/18 Python
python smtplib发送带附件邮件小程序
2018/05/22 Python
浅谈python脚本设置运行参数的方法
2018/12/03 Python
Django框架自定义模型管理器与元选项用法分析
2019/07/22 Python
Python线程threading模块用法详解
2020/02/26 Python
利用CSS3动画实现圆圈由小变大向外扩散的效果实例
2018/09/10 HTML / CSS
CSS3 transition 实现通知消息轮播条
2020/10/14 HTML / CSS
如何在Cookie里面保存Unicode和国际化字符
2013/05/25 面试题
暑假实习求职信范文
2013/09/22 职场文书
英语自我评价范文
2014/01/24 职场文书
2016班级元旦联欢会开幕词
2016/03/04 职场文书
写作技巧:优秀文案必备的3种结构
2019/08/19 职场文书
Nginx四层负载均衡的配置指南
2021/06/11 Servers
基于Apache Hudi在Google云构建数据湖平台的思路详解
2022/04/07 Servers