axios 的post请求,以及post和del的另一种写法

最新推荐文章于 2024-04-29 16:21:44 发布

俗世凡人行

最新推荐文章于 2024-04-29 16:21:44 发布

阅读量624

点赞数

分类专栏： Vue 文章标签： post

本文链接：https://blog.csdn.net/weixin_41887155/article/details/107640045

版权

Vue 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

axios 的post请求

data = Qs.stringify({name:'nice'});
axios({
	method:'post',
	data:data,
	url:'http://139.196.186.154:8080/manage/manage_user/login'

}).then(res=>{
	console.log(res.data)
})

//get请求下面注意用params:data,post请求用data:data,data变量需要转化格式data = Qs.stringify(data);
				
				axios({
					method:'get',
					url:url,
					params:data,
					headers:{}
				}).then(res=>{
					console.log(res.data)
				})

eg

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<link href="https://cdn.jsdelivr.net/npm/animate.css@3.5.1" rel="stylesheet" type="text/css">
		<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/qs/6.9.4/qs.min.js"></script>
		<style type="text/css">
			
		</style>
	</head>
	<body>
		<div id="app">
			<button type="button" @click="getData">获取数据</button>
			<p>{{token}}</p>	
		</div>
	</body>
</html>
<script type="text/javascript">			
	var vm = new Vue({
		el:'#app',
		data:{
			token:'',					
		},
		methods:{
			getData:function(){				
				//法二 用箭头函数, this就是指向的vue实例,建议用箭头函数, 否则需要用上面那种那种方法处理
				url = 'http://139.196.186.154:8080/manage/manage_user/login';
				data = {
					name:'admin',
					pwd:'e10adc3949ba59abbe56e057f20f883e'
				};
				//参数,get需要这样写{params:data},post直接写参数就可以,不用params;其他一样;
				//后台php接收数据需要用  file_get_contents('php://input');
				
				//只模拟介绍法二:  引入Qs,处理一下数据data = Qs.stringify(data);这样就可以直接使用 post接收数据了
				//不用QS处理一下, 后台post接收数据接收不到
				// data = Qs.stringify(data);
				//name=admin&pwd=e10adc3949ba59abbe56e057f20f883e
				// console.log(data)
			
				// axios.post(url,data).then(res=>{
				// 	this.token = res.data.data.token;
				// 	console.log(res)
				// })		
				
				
				
				//get请求下面注意用params:data,post请求用data:data,data变量需要转化格式data = Qs.stringify(data);
				
				axios({
					method:'get',
					url:url,
					params:data,
					headers:{}
				}).then(res=>{
					console.log(res.data)
				})
				
				
			}			
			
		}
			
	});
</script>