2016-02-01 36 views
1

如何在laravel 4中检索Vuejs中的json vue.js
我尝试以下,但它没有工作:如何在vuejs中检索json


 
    new Vue({ 
 
     el: '#guestbook', 
 
     data: { 
 
      comments: [], 
 
      text: '', 
 
      author: '' 
 
     }, 
 
     ready: function() { 
 
      this.getMessages(); 
 
     }, 
 
     methods: { 
 
      getMessages: function() { 
 
       $.ajax({ 
 
        context: this, 
 
        url: "/cms/Getweb_manager", 
 
        success: function (result) { 
 
         this.$set("comments", result) 
 
        } 
 
       }) 
 
      } 
 
      
 
     } 
 
    })

+1

你应该看看[VUE资源(https://github.com/ vuejs/vue-resource)而不是使用ajax(好吧,vue资源以_vue的方式使用ajax)。 –

回答

0

您是否尝试过记录的反应如何?只需使用console.log(result)
关于您的疑问,您可能需要做this.$set('comments', result.data');

不要忘记分号!

+0

hy MateusGuimarães你有没有在laravel中使用vue.js 4 – b4dQuetions

+0

这个框架并不重要。重要的是获得正确的jSON响应。顺便说一句,为什么你没有更新到L5? –

0

看一看在VUE资源包 https://github.com/vuejs/vue-resource

它应该像这样工作

methods: { 
    getMessages: function() { 
    this.$http({ 
     url: '/cms/Getweb_manager', 
     method: 'GET' 
    }).then(function (response) { 
     // success callback 
     this.$set('comments', response.result); 
    }, function (response) { 
     // error callback 
    }); 
    } 
} 
+0

如果我在单个页面中有多少个http请求,那么有什么替代方法可以使它成为全局http?如果您有任何相同的工作示例,请在此处发布 –