显示来自 json 的数据

Question

我在以 json 格式在 listview 中显示数据时遇到问题，这是我用来执行此操作的代码：

<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"
}
]
}

这是我在控制台中得到的结果，以及我列表中的未定义值：

VM220:17 []
VM220:18 test_fetch

感谢帮助

Answer 1

将回调传递给fetch 方法：

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