2012-08-10 94 views
1

是否可以將json對象數據放置在html中,以便在html文件中自行控制它。我可以將json對象作爲數據屬性存儲在html文本框控件中。如何將json對象添加到html控件作爲屬性

+0

是的,你可以做到這一點。你也可以通過做這樣的事情而不依賴於HTML5的'data- *'屬性來實現它:http://jsfiddle.net/LE9bx/。 – aroth 2012-08-10 01:34:20

回答

2

只要你輸入data- *屬性爲格式良好的JSON並通過$ .data()訪問它,它應該可以正常工作。

5

可以在data存儲:

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

而在jQuery的:

var myjson = $.parseJSON($('input').data('myjson')); 
0
<textarea id="jason_data" style="display:none">{"data1":'"double quotation marks"',"data2":"'single quotation marks'"}</textarea> 

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

功能性,但不是每一個優雅......如果你不小心將一個'textarea'包含在表單中(這在ASP.NET項目中很常見),那麼可能會出現一個小問題。 – saluce 2012-08-10 01:41:34