Question

我正在使用流行的DataTable jQuery库来渲染Coldfusion中的一些表格数据。我有以下jQuery ...

var tbl = $('#tbl-people').dataTable({
   aaData : [<cfoutput query="qryPeople">
      [
         '#FName#',
         '#LName#',
         '<input type="hidden" value="{\"test_id\":123,\"test\":\"john\"}" />'
      ]<cfif currentRow NEQ recordCount>,</cfif></cfoutput>
   ],
   aoColumnDefs... and a few other pieces that I'm leaving out for the sake of brevity.
});

我的问题（和问题）围绕着作为aaData中第三列创建的隐藏字段。我想将FName和LName作为JSON存储在隐藏字段的值中;然而，为了首先测试它我决定只在一些测试JSON硬编码。我的问题是隐藏的输入字段在最终呈现为HTML时被破坏。隐藏输入的结果HTML看起来像这样......

<input type="hidden" test_id":123,"test":"john"}"="" value="{">

在我看来，在某些时候，JSON中的双引号被某些东西误解或误解，因此搞砸了HTML。此外，请注意我坚持使用标准反斜杠，以试图逃避JSON中的双引号（但似乎无济于事）。

Answer 1

不要在隐藏的字段中粘贴JSON;这很乏味。我能够轻松地将其转换为HTML span标记，然后将css显示设置为“none”，从而有效地将其设置为隐藏字段。

jQuery DataTable - 隐藏字段中的JSON

1 个答案: