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 相关文章推荐
ext for eclipse插件安装方法
Apr 27 Javascript
javascript 写类方式之七
Jul 05 Javascript
javascript 动态table添加colspan\rowspan 参数的方法
Jul 25 Javascript
jquery 取子节点及当前节点属性值的方法
Aug 24 Javascript
JS+CSS实现六级网站导航主菜单效果
Sep 28 Javascript
利用JavaScript判断浏览器类型及版本
Aug 23 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
Sep 26 Javascript
JavaScript原生数组Array常用方法
Apr 06 Javascript
浅谈原生JS中的延迟脚本和异步脚本
Jul 12 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
Sep 20 Javascript
基于Element的组件改造的树形选择器(树形下拉框)
Feb 27 Javascript
jquery实现广告上下滚动效果
Mar 04 jQuery
解决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上传文件并显示上传进度的方法
2015/03/24 PHP
thinkPHP数据库增删改查操作方法实例详解
2016/12/06 PHP
PHP基于curl模拟post提交json数据示例
2018/06/22 PHP
ThinkPHP 3使用OSS的方法
2018/07/19 PHP
分享别人写的一个小型js框架
2007/08/13 Javascript
JQuery 常用操作代码
2010/03/14 Javascript
网站页面自动跳转实现方法PHP、JSP(上)
2010/08/01 Javascript
js清理Word格式示例代码
2014/02/13 Javascript
jquery实现textarea输入框限制字数的方法
2015/01/15 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
2016/11/29 Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
2017/01/08 Javascript
原生js FileReader对象实现图片上传本地预览效果
2020/03/27 Javascript
JavaScript中立即执行函数实例详解
2017/11/04 Javascript
vue axios登录请求拦截器
2018/04/02 Javascript
页面点击小红心js实现代码
2018/05/26 Javascript
JS逻辑运算符短路操作实例分析
2018/07/09 Javascript
vue项目使用.env文件配置全局环境变量的方法
2019/10/24 Javascript
JavaScript计算正方形面积
2019/11/26 Javascript
JS面向对象编程基础篇(三) 继承操作实例详解
2020/03/03 Javascript
JavaScript React如何修改默认端口号方法详解
2020/07/28 Javascript
[01:01:18]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#2COL VS LGD
2016/03/03 DOTA
Python3使用requests包抓取并保存网页源码的方法
2016/03/15 Python
python入门基础之用户输入与模块初认识
2016/11/14 Python
Python编程实现两个文件夹里文件的对比功能示例【包含内容的对比】
2017/06/20 Python
解决PySide+Python子线程更新UI线程的问题
2019/01/11 Python
python操作excel让工作自动化
2019/08/09 Python
python爬虫学习笔记之pyquery模块基本用法详解
2020/04/09 Python
来自圣地亚哥的实惠太阳镜:Knockaround
2018/08/27 全球购物
到底Java是如何传递参数的?是by value或by reference?
2012/07/13 面试题
旷课检讨书3000字
2014/02/04 职场文书
科技节口号
2014/06/19 职场文书
医生爱岗敬业演讲稿
2014/08/26 职场文书
中小学生学籍证明
2014/10/25 职场文书
2014个人年度工作总结范文
2014/12/24 职场文书
岁月神偷观后感
2015/06/11 职场文书
聊一聊python常用的编程模块
2021/05/14 Python