网站建设资讯
为您提供网站建设行业资讯、网站优化知识、主机域名邮箱、网站开发常见问题等。
vue.js如何实现异步请求？
vue.js异步请求的方法：
1、使用npm下载axios
npm install axios
2、引入axios.js
<script src="js/axios.js"></script>
上线时换为min.js，前端 vue使用axios发起异步请求，可以这样写：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!-- 引入vue.js -->
<script src="js/vue.js"></script>
<!-- 引入axios.js -->
<script src="js/axios.js"></script>
</head>
<body>
<div id="app"></div>
<script>
new Vue({
el:'#app',
template:`
<div>
<button @click="login">发送</button>
</div>
`,
data(){
return{
}
},
methods:{
login:function() {
axios.post('/login', { //get|post可选，用对象{ }传递数据，如果不传递数据，可缺省{ }。get方式参数也可以拼接在url中
username: 'chy', //通常是获取表单数据，$('#xxx').val
password: 'abcd'
}).then(function (response) { //处理后台返回的数据。
console.log(response); //response是后台返回的整个响应
console.log(response.data); //.data才是后台返回的数据
}).catch(function (error) { //发生错误时的处理
console.log(error);
});
}
}
})
</script>
</body>
</html>如果不需要后台返回数据，可以不要then。catch也不是必需的。
本站文章均为光雨网络深圳网站建设摘自权威资料，书籍，杂志或原创文章，如有版权纠纷或者违规问题，请即刻联系我们删除，我们欢迎您分享到社交网站，引用和转载，我们谢绝直接复制和抄袭！感谢您...
猜你喜欢
微信公众号
微信询价
