Interaction in vue (ajax, jsonp)
There are also data interactions like ajax and jsonp in vue, which enables data to be retrieved from the server, but there is no such method in its own framework. It requires a new little thing called address:/pagekit/vue-resource/blob/master/
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<style type="text/css">
</style>
</head>
<body>
<div >
<button @click="get()">Button</button>
</div>
<script type="text/javascript">
var vm=new Vue({
el:'#app',
data:{
},
methods:{
get:function(){
this.$('').then(function(res){
alert();
},function(res){
alert();
});
}
}
});
</script>
</body>
$http is similar to ajax. It can this.$ this.$ and another type is that jsonp completes cross-domain data fetching
<div >
<button @click="get()">Button</button>
</div>
<script type="text/javascript">
var vm=new Vue({
el:'#app',
data:{
},
methods:{
get:function(){
this.$('./suggest'{word:'b'}).then(function(res){
alert();
},function(res){
alert();
});
}
}
});
</script>
</body>
Example of Baidu pull-down for cross-domain data:
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<style type="text/css">
*{ margin:0; padding: 0;}
.bg{width: 200px; line-height:30px;}
</style>
</head>
<body>
<div >
<input type="text" v-model="t" @keyup="get($event)" @="changeDown()" @="changeUp()"/>
<ul>
<li v-for="val in arr" class="bg">
{{val}}
</li>
</ul>
<p v-show="==0">No data yet</p>
</div>
<script type="text/javascript">
var vm=new Vue({
el:'#app',
data:{
arr:[],
t:'',
iNow:-1
},
methods:{
get:function(ev){
if(==38||==40){
return;
}
if(==13){
('/s?wd='+);
=''
}
this.$('/5a1Fazu8AA54nxGko9WTAnF6hhy/su',{wd:},{jsonp:'cb'}).then(function(res){
=
},function(res){
alert('fail');
});
},
changeDown:function(){
++;
if(==)iNow=-1;
=[];
},
changeUp:function(){
--;
if(==-2)=-1
=[];
}
}
});
</script>
</body>
The above is all the content of this article. I hope it will be helpful to everyone's study and I hope everyone will support me more.