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获得服务器端控件的ID的实现代码
Dec 28 Javascript
JS实现一键回顶功能示例代码
Oct 28 Javascript
JavaScript极简入门教程(一):基础篇
Oct 25 Javascript
js实现div弹出层的方法
Nov 20 Javascript
谈谈对offsetleft兼容性的理解
Nov 11 Javascript
js实现仿微博滚动显示信息的效果
Dec 21 Javascript
Vue 短信验证码组件开发详解
Feb 14 Javascript
Bootstrap输入框组件简单实现代码
Mar 06 Javascript
微信小程序中的swiper组件详解
Apr 14 Javascript
vue实现一个炫酷的日历组件
Oct 08 Javascript
你不可不知的Vue.js列表渲染详解
Oct 01 Javascript
AJAX XMLHttpRequest对象创建使用详解
Aug 20 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反转字符串函数strrev()函数的用法
2012/02/04 PHP
PHP处理大量表单字段的便捷方法
2015/02/07 PHP
老生常谈PHP面向对象之解释器模式
2017/05/17 PHP
走出JavaScript初学困境—js初学
2008/12/29 Javascript
一个网马的tips实现分析
2010/11/28 Javascript
js自定义事件及事件交互原理概述(二)
2013/02/01 Javascript
hover的用法及live的用法介绍(鼠标悬停效果)
2013/03/29 Javascript
JS 实现导航栏悬停效果
2013/09/23 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
2014/03/08 Javascript
一个仿糯米弹框效果demo
2014/07/22 Javascript
jQuery+css实现炫目的动态块漂移效果
2016/01/28 Javascript
全面理解闭包机制
2016/07/11 Javascript
AngularJS  自定义指令详解及实例代码
2016/09/14 Javascript
BootStrap表单验证实例代码
2017/01/13 Javascript
JavaScript实现三级联动菜单效果
2017/08/16 Javascript
微信小程序实现下拉菜单切换效果
2020/03/30 Javascript
Windows下Node爬虫神器Puppeteer安装记
2019/01/09 Javascript
vue子传父关于.sync与$emit的实现
2019/11/05 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
2020/06/19 Javascript
Javascript类型判断相关例题及解析
2020/08/26 Javascript
[01:32:22]DOTA2-DPC中国联赛 正赛 Ehome vs VG BO3 第一场 2月5日
2021/03/11 DOTA
图文详解WinPE下安装Python
2016/05/17 Python
Python基于回溯法子集树模板实现8皇后问题
2017/09/01 Python
利用python计算windows全盘文件md5值的脚本
2019/07/27 Python
python pygame实现滚动横版射击游戏城市之战
2019/11/25 Python
关于TensorFlow新旧版本函数接口变化详解
2020/02/10 Python
Python sys模块常用方法解析
2020/02/20 Python
浅谈python多线程和多线程变量共享问题介绍
2020/04/17 Python
柏林通行证:Berlin Pass
2018/04/11 全球购物
教师自我反思材料
2014/02/14 职场文书
会计专业自荐信
2014/06/03 职场文书
诉讼代理人授权委托书
2014/10/11 职场文书
2014年班组建设工作总结
2014/12/01 职场文书
用Python爬取各大高校并可视化帮弟弟选大学,弟弟直呼牛X
2021/06/11 Python
HTML基本元素标签介绍
2022/02/28 HTML / CSS
Linux中如何安装并部署Redis
2022/04/18 Servers