vue-resource.js的简单使用

最新推荐文章于 2021-08-06 06:05:09 发布

weixin_34306676

最新推荐文章于 2021-08-06 06:05:09 发布

阅读量303

点赞数

文章标签： javascript php python ViewUI

原文链接：https://my.oschina.net/agui1989/blog/833379

版权

2019独角兽企业重金招聘Python工程师标准>>>

1.HTML部分：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<script src="../aku/vue-2.1.8.min.js"></script>	
<script src="../aku/vue-resource.min.js"></script>
</head>
<body>
<div id="app">
	{{msg}}
<p><button @click="change()">点击</button></p>	
</div>

<script>
var url="./api.php";

new Vue({
	el:"#app",
	data:{
		msg:"哈哈",
	},
	methods:{
    change:function(){
    	var _this=this;
    	var data={'a':"123",'b':"3434"};
    	this.$http.post(url,data).then(function(d){
    		console.log(d);
    		_this.msg=d.data;

    	})
    }
	}
})	

</script>
	
</body>
</html>

2.api.php部分：

<?php 


$re=file_get_contents("php://input");//获取post的数据不能直接用$_POST
$re=json_decode($re,true);

$a=$re['a'];
$b=$re['b'];

if($a&&$b){
	echo $a+$b;
}else{
	echo "error";
}



?>

现在官方推荐axios，我也更喜欢axios。

转载于:https://my.oschina.net/agui1989/blog/833379