javascript - Interaction avec l'arrière-plan ajax de jQuery dans Vuejs
高洛峰
高洛峰 2017-05-19 10:41:03
0
3
524

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">测试加载数据</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>

js :

var vum = new Vue({
    el:"#app",
    data:{
        users:""
    },
    methods:{
        showData:function(){
            $.ajax({
                url:"请求路径",
                type:"post",
                dataType:"json",
                success:function(result){
                    if(result.state==0){
                        vum.users = result.data;
                    }
                },
                error:function(){
                    alert("请求失败");
                }
            });
        }
    }
});

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年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

répondre à tous(3)
仅有的幸福
var vum = new Vue({
    el:"#app",
    data:{
        users:""
    },
    created () {
        $.ajax({
            url:"请求路径",
            type:"post",
            dataType:"json",
            success:function(result){
                if(result.state==0){
                    vum.users = result.data;
                }
            },
            error:function(){
                alert("请求失败");
            }
        });
    },
    methods:{
        
    }
});
过去多啦不再A梦

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

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal