Question

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

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

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

JSON：

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

TEMPLATE：

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调用没问题，返回代码为200的JSON。）

$.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)时，它实际上是在控制台中显示空字符串。很奇怪。我有什么想法吗？

来自JSON的Mustache.js数据

0 个答案: