Je souhaite utiliser vuejs pour appeler l'ajax de jQuery, mais l'événement sur la page est déclenché. Je souhaite qu'il soit déclenché dès le chargement de la page.
Comment faire ?
<p id="app">
<button id="but" v-on:click="showData">測(cè)試加載數(shù)據(jù)</button>
<table border="1">
<tr v-for="data in users">
<td>{{data.name}}</td>
<td>{{data.details1}}</td>
<td>{{data.details2}}</td>
</tr>
</table>
</p>
var vum = new Vue({
el:"#app",
data:{
users:""
},
methods:{
showData:function(){
$.ajax({
url:"請(qǐng)求路徑",
type:"post",
dataType:"json",
success:function(result){
if(result.state==0){
vum.users = result.data;
}
},
error:function(){
alert("請(qǐng)求失敗");
}
});
}
}
});
Que dois-je faire pour envoyer une requête ajax dès que la page est chargée ? S'il vous pla?t, donnez-moi quelques conseils, merci beaucoup
擁有18年軟件開(kāi)發(fā)和IT教學(xué)經(jīng)驗(yàn)。曾任多家上市公司技術(shù)總監(jiān)、架構(gòu)師、項(xiàng)目經(jīng)理、高級(jí)軟件工程師等職務(wù)。 網(wǎng)絡(luò)人氣名人講師,...
var vum = new Vue({
el:"#app",
data:{
users:""
},
created () {
$.ajax({
url:"請(qǐng)求路徑",
type:"post",
dataType:"json",
success:function(result){
if(result.state==0){
vum.users = result.data;
}
},
error:function(){
alert("請(qǐng)求失敗");
}
});
},
methods:{
}
});
Ensuite, vous l'écrivez à l'extérieur, pourquoi l'écrire à l'intérieur de la méthode showData??
Vous pouvez lire la documentation de vue sur le cycle de vie des composants. Mounted() oucreated() peuvent être utilisés pour répondre à vos besoins