VUE ajax

项目
实战项目总结分析,源代码,视频分享
tea_year
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>VUE ajax案例</title>
		<script src="js/vue.js"></script>
		<script src="js/vue-resource.min.js"></script>
	</head>
	<body>
		<div id="box">
			<input type="button" @click="get()" value="Click Me" />
		</div>
		<script>
			window.οnlοad=function(){
				var vm=new Vue({
					el:'#box',
					data:{msg:'Hello World'},
					methods:{
						get:function(){
							//发送get请求
							this.$http.get('ajax.txt').then(function(res){
								document.write(res.body);
							},function(){
								console.log('请求处理失败')
							});
						}
					}
				})
			}
		</script>
	</body>
</html>

 

 

 

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 创作都市 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读