用于jquery tmpl的json

Question

我可以将此格式的JSON与jquery模板一起使用吗？

{
  "ROWCOUNT": 3,
  "COLUMNS": [
    "UTCODICE",
    "UT__NOME",
    "UT__COGN"
  ],
  "DATA": {
    "UTCODICE": [
      1088,
      1087,
      1086
    ],
    "UT__NOME": [
      'Roberto',
      'Paolo',
      'Carlo'
    ],
    "UT__COGN": [
      'Gino',
      'Luigi',
      'Luca'
    ]
  }
}

..。或者..。

{
  "COLUMNS": [
    "UTCODICE",
    "UT__NOME",
    "UT__COGN"
  ],
  "DATA": [
    [
      1088,
      'Roberto',
      'Gino'
    ],
    [
      1087,
      'Paolo',
      'Luigi'
    ],
    [
      1086,
      'Carlo',
      'Luca'
    ]
  ]
}

我如何告诉jquery从"DATA“标签开始解析？

非常感谢！

Answer 1

第二个看起来应该可以工作，但是您需要将所有的单引号(')更改为双引号(")。

没有办法告诉jQuery从哪里开始解析，它一下子就完成了所有的事情。然而，一旦它被解析，你应该能够这样做：

parsed_json.DATA

来访问对象的数据部分。

Answer 2

您需要一个JSON2.js副本

https://github.com/douglascrockford/JSON-js

然后，您可以执行以下操作：

var oJSON = JSON.parse(data);
var alPeople = oJSON.DATA

其中data是上面的字符串

这里有一个很好的例子：

http://weblogs.asp.net/dwahlin/archive/2010/11/20/reducing-code-by-using-jquery-templates.aspx

例如本质上：

<script id="peopleTemplate" type="text/x-jquery-tmpl">
  //your template here
</script>
<div id="peopleList"></div>

然后在脚本中使用JQuery模板解析数据

$('#peopleTemplate').tmpl(alPeople).appendTo('#peopleList');

Answer 3

尝试使用第二个JSON对象：

<script id="dataTemplate" type="text/x-jquery-tmpl">
{{each DATA}}
<tr>
{{each $value }}
<td>${$value}</td>
{{/each}}
</tr>
{{/each}}
</script>

上面的模板为"DATA“中的每个数组创建一个表行(tr)，然后为每个数组中的每个值创建一个表格单元(td)。

希望这能有所帮助。