首頁  >  文章  >  後端開發  >  javascript - ajax与vue.js搭配

javascript - ajax与vue.js搭配

WBOY
WBOY原創
2016-06-06 20:11:582376瀏覽

点击页面中的按钮触发ajax从服务器中读取数据,然后服务器中数据传到ajax中的回调函数,ajax中的回调函数的数据怎么结合vue.js实现列表渲染。

回复内容:

点击页面中的按钮触发ajax从服务器中读取数据,然后服务器中数据传到ajax中的回调函数,ajax中的回调函数的数据怎么结合vue.js实现列表渲染。

<code>
    <button type="button" v-on:click="btnClick()">{{name}}</button>

<script type="text/javascript">
        var vm = new Vue({
            el: "#body",
            data: {
                name: 'Vue.js'
            },
            methods: {
                btnClick: function() {
                    $.ajax({
                        type: "get",
                        url: "http://localhost:XXXX",
                        async: true,
                        success: function(data) {
                            vm.name = data.name;
                        },
                    });
                }
            }
        })
</script>
</code>

//http://localhost:XXXX这个路径就是服务器请求来的

vue-resource 官方http库

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn