jquery tmpl 的 json

Question

我可以在 jquery 模板中使用这种格式的 JSON 吗？

{
  "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

访问对象的 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< /a>

例如：

<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)。

希望有帮助。