jsonデータをフィールドに基づいてHTMLテンプレートに埋め込む

Question

Web APIコールから返されたJSONデータをHTMLに取り込む必要があります。 また、HTMLは顧客に公開されるテンプレートファイルです。 ここで、顧客はHTMLのいくつかのフィールドを編集できます。 HTMLは、テーブルデータ形式を有すると仮定すると、いくつかのヘッダと列等を除去する。例えば

---

。 ユーザーがクライアント側のボタンをクリックするたびに、Web API呼び出しが実行され、JSONデータが取得されます。 このJSONデータは、それが持つタグに基づいてHTMLテンプレートにロードする必要があります。

---

HTMLを入力するには、c＃を使用する必要があります。 レンダリング（HTMLの母集団）はすべてサーバー側で行われなければなりません。 javascriptも使用できますが、現在のサーバーソリューションはasp.net web-APIにあります。主な要件は、レンダリングがどの言語を使用してもサーバー側で行われなければならないことです。 C＃でそれを行うには？

HTML

<h3>Table Name</h3> 
<table style="width:100%"> 
    <tr> 
    <th>Row Names</th> 
    <th>NewItems</th> 
    <th>ChangedItems</th> 
    <th>Errors</th> 
    <th>total</th> 
    </tr> 

    <tr> 
    <td>Types</td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    </tr> 

    <tr> 
    <td>Properties</td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    </tr> 

    <tr> 
    <td>Lists</td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    </tr> 

    <tr> 
    <td>Entries</td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    </tr> 
</table> 

JSON

{ 
    "Compare Report": { 
     "Types": { 
      "NewItems": 0, 
      "ChangedItems": 0, 
      "Errors": 0, 
      "Total": 0 
     }, 
     "Properties": { 
      "NewItems": 0, 
      "ChangedItems": 0, 
      "Errors": 0, 
      "Total": 0 
     }, 
     "Lists": { 
      "NewItems": 0, 
      "ChangedItems": 0, 
      "Errors": 0, 
      "Total": 0 
     }, 
     "Entries": { 
      "NewItems": 0, 
      "ChangedItems": 0, 
      "Errors": 0, 
      "Total": 0 
     } 
    } 
} 

サンプル表

Answer 1

あなたはASの一部として（モデルが必要になりますP MVC）、およびJSONシリアライザ/デシリアライズを使用してJSONをオブジェクトに変換します（AJAX/jQueryを使用していないため）。あなたが使用することができます（使用している.NETのバージョンによって異なります）。ネットJavaScriptSerializer class

• 、または
• Newtonsoft JSON.Netライブラリ

：JSONデシリアライザは、の一部として提供されていますJSONデシリアライザを使用してJSONをASP MVCモデルにマップし、ビュー内でレンダリングします。

this .Net Fiddleを調べると、Newtonsoft.JSONとASP MVC 4.5と一緒に調べられます。 （JavaScriptSerializerクラスのビルトインサポートはありません）