vuejs使用axios异步访问时用get和post的实例讲解
更新时间：2018年08月09日 16:48:08 作者：milli236
今天小编就为大家分享一篇vuejs使用axios异步访问时用get和post的实例讲解，具有很好的参考价值。希望对大家有所帮助。一起跟随小编过来看看吧
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的实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue3.x最小原型系统讲解。既然用Vue3.0构建最小原型系统，那么肯定要用尤大的最新构建工具Vite来进行项目的初始化，下文举例说明,需要的朋友可以参考一下2022-02-02
这篇文章主要给大家介绍了关于vue中实现页面刷新以及局部刷新的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-01-01
本文详细介绍了VueRouter 路由的概念、规则、基础等相关内容，文中运用大量的图片进行讲解，感兴趣的小伙伴可以看一看这篇文章2021-08-08
这篇文章主要介绍了vue如何截取字符串，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了Vue如何清空对象，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
vue3.0 CLI - 2.1 - component 组件入门教程
这篇文章主要介绍了vue3.0 CLI - 2.1 - component 组件入门教程,本文主要的关注点就是组件，本文通过实例代码相结合的形式给大家介绍的非常详细，需要的朋友可以参考下2018-09-09
本篇文章主要介绍了Vue2学习笔记之数据交互vue-resource ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
这篇文章主要介绍了vue修改滚动条样式,首先要知道，修改滚动条样式，利用伪元素-webkit-scrollbar。下面来看看文章内容的具体实现吧2021-11-11
vue3 emit is not a function问题及解决
这篇文章主要介绍了vue3 emit is not a function问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-09-09
本篇文章主要介绍了基于vue-cli的vuex配置，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
最新评论