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

Question

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

Answer 1

只要你输入data- *属性为格式良好的JSON并通过$ .data（）访问它，它应该可以正常工作。

Answer 2

可以在data存储：

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

而在jQuery的：

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

Answer 3

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

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