jquery - 如何将json对象作为属性添加到html控件

Question

是否可以将 json 对象数据放在 html 中，将它自己放在 html 文件中。我可以将 json 对象作为数据属性存储在 html 文本框控件中吗？

Answer 1

您可以存储在data：

<input type="text" data-myjson="{'foo':false,'baz':'hello'}" />

在 jQuery 中：

var myjson = $.parseJSON($('input').data('myjson'));

Answer 2

只要您输入 data-* 属性作为格式正确的 JSON 并通过 $.data() 访问它就可以正常工作。

Answer 3

<textarea id="jason_data" style="display:none">{"data1":'"double quotation marks"',"data2":"'single quotation marks'"}</textarea>

var oData = $.parseJSON($('json_data').value);