データ属性でオブジェクトをシリアル化する最も信頼できる方法

Question

が最も信頼性の高いものがの場合、C＃を使用してデータ属性（たとえば<div data-options="[jsonlike object]>"）でオブジェクトをシリアル化する方法が不思議でした。 $ .data（）を使用してこのデータを取得したい場合、データが適切な方法（スペースなど）で書き込まれていない場合、jqueryは適切なオブジェクトを取得できず、文字列を返します。

私はJSON.Netライブラリに完全にアクセスできます。

Answer 1

1. JSON.NET Nugetパッケージをまだインストールしていない場合は、インストールしてください。

2. 使用してください。例えば、カミソリの構文で：

   <div class="my-component" data-options="@JsonConvert.SerializeObject(new 
       { 
        active = true, 
        name = "Foo", 
        // ... 
       })"> 
   </div> 
   

3. それを消費：

   jQuery(function($) { 
       $('.my-component').each(function() { 
       var component = $(this); 
       var options = component.data('options'); 
       component.somePlugin(options); 
       }); 
   }) 
   

JsonConvert.SerializeObject()かかわらず、バックスラッシュのような任意の奇妙な文字の存在、オブジェクトは有効なJSONとしてレンダリングされていることを確認します。 Razorの@構文では、結果として得られるJSONがHTMLコンテキストで正しくエンコードされるため、<のようなシンボルは問題を引き起こしません。