隠し入力からJSONデータを取得する

Question

JSONデータをサーバー側のHTML隠しフィールドに保存します。次に、クライアント側でJavascriptとJQueryを使用してそのデータを取得したいと思います。問題は、JSONオブジェクトではなくJSON文字列を取得することです。

これは、サーバー側での私のコードです：

<form id="data" style="display: none;"> 
    <input id="channels" type="hidden" tal:attributes="value python: view.context['ChannelManager'].toJSON(view.channels.values())" /> 
    <input id="mediaGroups" type="hidden" tal:attributes="value python: view.context['MediaGroupManager'].toJSON(view.mediaGroups.values())" /> 
</form> 

これは、クライアント側での私のコードです：

copy.channelList = new ChannelTest(); 
copy.channelList.fromJSONObjectAll($("#data input[id=channels]").val()) 

だから私はこのことからJSON文字列の代わりに、JSONオブジェクトを取得し、$（ "#data input [id = channels]"）。val（）。

JSONオブジェクトのJSON文字列を変換せずにJSONオブジェクトを取得するにはどうすればよいですか？

ありがとうございます！ネイティブJSONをサポートしていない古いブラウザの場合

Answer 1

JSON.parse(jsonString); 

、あなたは単にjson2.jsを含むことができ、これは、使用可能な機能となります。

---

また、サーバー側のスクリプトを使用してこの手順を省略することもできます。 JSONをスクリプトタグに書き込むだけで済みます。これは、生のjavascriptの代わりにscriptタグによって暗黙的に解析されます。

<script type="text/javascript"> 
    var myObj = <%= myJsonString %>; 
    console.log('we got this value: '+ myObj.myValue); 
</script>