Heim > Artikel > Backend-Entwicklung > javascript - ajax与vue.js搭配
点击页面中的按钮触发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库