小胡子填充 JSON 对象错误

Question

我有下面的代码。我需要使用小胡子填充 JSON 对象。不幸的是，它对我没有任何显示。

 <script type="text/javascript">
    var data = "[{"PR_ID":23096,"P_ID":23014},{"PR_ID":33232,"P_ID":23014},{"PR_ID":33308,"P_ID":23014},{"PR_ID":33309,"P_ID":23014}]";
    var template = $("#template").html();
    Mustache.parse(template);
    var rendered = Mustache.render(template, data);
    $('#PatrList').html(rendered);
 </script>

<body>
    <div id="PatrList"></div>

    <script id="template" type="x-tmpl-mustache">
        {{ #. }}
            <div>
                PR_ID: <h2> {{PR_ID}} </h2> ---- P_ID: <h2> {{P_ID}} </h2>
            </div>
        {{ /. }}
    </script>
</body>

Answer 1

问题是 var data 是一个字符串而不是一个对象。您需要删除外部引号或将字符串解析为对象（假定分隔符在字符串中正确转义）例如JSON.parse(str) or eval

小胡子填充 JSON 对象错误

mustache populate JSON object error

javascript

html

json

asp.net-mvc

mustache