axios初学（1）——get、post请求发送数据

最新推荐文章于 2024-08-12 17:01:01 发布

from_shanghai

最新推荐文章于 2024-08-12 17:01:01 发布

阅读量1k

点赞数

分类专栏： axios

本文链接：https://blog.csdn.net/from_shanghai/article/details/99081032

版权

本文介绍了axios作为vue2.0推荐的HTTP库，如何通过npm或cdn引入，以及如何使用axios进行get、post请求来发送数据给PHP。在get请求中，详细解释了如何传递参数，并提到get.html和post.html中直接引入axios.js可能存在的问题。学习方法包括代码记忆和对比学习。

摘要由CSDN通过智能技术生成

vue.js 本身不支持发送ajax，需要依赖（vue1.0）vue-resource、（vue2.0）axios jquery（ajax）
vue2.0 不推荐 vue-resource

axios是一个基于Promise的http请求客户端
用来来发送请求

npm安装
$ npm install axios
bower安装
$ bower install axios
通过cdn
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

get.html:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="../js/vue-2.6.10.js"></script>
	<!-- <script src="../js/axios.js"></script> -->
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	<title>发送get请求</title>
	<script type="text/javascript">
		window.onload=function(){
			new Vue({
				el:'#app',
				data:{
					users:{
						name:'',
						age:''
					}
				},
				methods:{
//axios.get 的发送参数有两种，两个ajax请求函数都可实现
sendGetByStr(){
//1.get通过直接发送字符串拼接
axios.get('get.php?name=${this.users.name}&age=${this.user.age}')
.then(function (response) {
	console.log(response.data);
})
.catch(function (error) {
	console.log(error);
});