Vue P26 网络应用-axios加vue
<body>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@undefined</script>
<div id="app">
<input type="button" value="获取笑话" @undefined
</div>
<script type="text/javascript">
var app=new Vue({
el:"#app",
data:{
joke:"很好笑的笑话"
},
methods:{
getJoke:function(){
console.log(this.joke);
var that=this;
axios:get("https//autumnfish.cn/api/joke")
.then(function(response){
//console.log(response); //成功时，参数是得到的响应
console.log(response.data);
// console.log(this.joke);
that.joke=response.data;
},function(err){
console.log(err);//失败时，err是异常信息
})
}
}
}) </script>
</body>
- 复制链接
- 举报
