axios vue 回调函数_使用axios进行vue的ajax请求

本文详细介绍了在Vue项目中如何引入axios并使用它进行GET和POST请求,包括回调函数的使用,以及请求流程的解析。通过示例展示了axios.get和axios.post方法,同时解释了请求成功和失败的回调函数以及数据双向绑定到Vue实例的过程。
摘要由CSDN通过智能技术生成

一、引入vue文件,引入axios文件

{# 引入vue,开发版#}

{# 引入axios #}

二、创建vue实例

1、axios发送ajax请求的步骤

1.1 get请求:axios.get(url).then(请求成功的回调函数).catch(请求失败的回调函数)

注意:① url--->就是ajax请求需要指向的url

② 回调函数建议使用箭头函数,最大的优点是:函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象

转载:https://www.cnblogs.com/yjw1/p/10079715.html

③ 其实后面还可以再加个finally(),即不管请求成功与否,都要执行的回调函数

1.2 post请求:axios.post(url,{post请求的参数}).then(请求成功的回调函数).catch(请求失败的回调函数

var vm = newVue({

el:'#app',

delimiters: ["[[","]]"],

data: {

message:'luyizhou',

username:'',

password:'',

homeland:'',

addr:'',

},

methods: {

login:function() {

url= 'http://127.0.0.1:8

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值