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

最新推荐文章于 2024-06-16 01:43:49 发布

from_shanghai

最新推荐文章于 2024-06-16 01:43:49 发布

阅读量1k

点赞数

分类专栏： axios

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

版权

vue.js 本身不支持发送ajax，需要依赖（vue1.0）vue-resource、（vue2.0）axios jquery（ajax）vue2.0 不推荐 vue-resourceaxios是一个基于Promise的http请求客户端用来来发送请求npm安装$ npm install axiosbower安装$ bower install axios通过cdn&...

摘要由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);
});

最低0.47元/天解锁文章

from_shanghai

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
axios初学（1）——get、post请求发送数据

vue.js 本身不支持发送ajax，需要依赖（vue1.0）vue-resource、（vue2.0）axios jquery（ajax）vue2.0 不推荐 vue-resourceaxios是一个基于Promise的http请求客户端用来来发送请求npm安装$ npm install axiosbower安装$ bower install axios通过cdn&...
复制链接

扫一扫