отображать данные из JSON

Question

Я имею проблему отображения данных в ListView из формата JSON, это мой код, который я использовал, чтобы сделать это:

<div data-role="view" data-title="Home" data-layout="main" data-model="APP.models.home" id="bloggerView" data-show="showBloggers"> 
    <h1 data-bind="html: title"></h1> 


    <ul id="bloggerList" 
     data-source="bloggersData" 
     data-endlessScroll="true" 
     data-template="bloggersTemplate" 
     data-role="listview" 
     data-style="inset"></ul> 

    </div> 

    <script id="bloggersTemplate" type="text/x-kendo-template"> 

     <a href="\#BloggerDetailsView" class="km-listview-link" data-role="listview-link"> 
      <h2>#=data.id#</h2> 
      <h4>#=data.nom#</h4> 
     </a> 
     </script> 
    <script type="text/javascript"> 
     jQuery.support.cors = true; 
    var bloggersData; 
      bloggersData=new kendo.data.DataSource(
      { 
      transport :{ 
      read: { 
       url: "http://127.0.0.1:8080/webservicesV1/cuisines.php", 
       type: "Get", 
       data: { 

      } 
      } 
      } 
      }); 
      function showBloggers() { 
       bloggersData.fetch(); 
       console.log(JSON.stringify(bloggersData.data())); 
       console.log("test_fetch"); 
      } 


    </script> 

это моя JSON данные:

{ 
success: 1, 
message: "cuisine trouve!", 
cuisines: [ 
{ 
id: "1", 
nom: "maltaine" 
}, 
{ 
id: "2", 
nom: "française" 
} 
] 
} 

это то, что я получаю в результате в консоли, а undified значения в моем списке:

VM220:17 [] 
VM220:18 test_fetch 

спасибо за помощь

Answer 1

Pass обратного вызова метода fetch:

bloggersData.fetch(function() { 
    console.log(JSON.stringify(this.data())); 
    console.log("test_fetch"); 
});