1

我目前正在开发 jQuery Mobile 网站，该网站将使用来自 JSON 源的数据。要生成 HTML，我使用 Mustache.js - javascript 模板引擎。

我有一个问题，AJAX -> JSON -> MUSTACHE因为 JSON 数据没有正确呈现。

一切正常，所有长 JSON 数据都在同一个文件中，我根本没有使用 AJAX。
请看一下这个演示。

JSON：

[{
    "users": [{
        "userName": "Billy Bob",
            "userId": "2AE5F6D0-5A70-4EBF-BBAA-C0A11E74BFD8",
            "securityLevel": "Admin",
            "createdDate": "9/12/2012"
    }]
}]

模板：

var template = "{{#users}}\
            <li class='userRow'>\
            <span class='userField'><a href='#' class='userLink' userId='{{userId}}'>{{userName}}</a></span>\
            <span class='userField'>{{securityLevel}}</span>\
            <span class='userField'>{{createdDate}}</span>\
            </li>\
            {{/users}}";

AJAX（AJAX 调用正常，返回 JSON 代码 200。）

$.ajax({
                url: 'http://piotr.site44.com/json.js',
                type: 'post',
                data: "json",
                success: function(data) {
                                    var html = Mustache.to_html(template, data); 
                    $(html).appendTo('#cnt');

                }

            });

当我这样做console.log(html)时，它实际上在控制台中显示空字符串。很奇怪。任何想法我做错了什么？

4

0 回答 0