mvcとjavascriptの間で複雑なデータを渡す方法

Question

私は2つのドロップダウンでUIを構築しようとしています。第1のものは「カテゴリー」であり、第2のものは「サブカテゴリー」である。私は私のかみそりのビューで "カテゴリ"の静的なリストを構築することができます。私は "サブカテゴリ"アイテムリストが "カテゴリ"が変更されたときに動的に更新されることを望みます。リストが大きくなく、セキュリティ上の問題がないので、私はサーバー側からクライアント側にすべてのカテゴリ情報を渡そうとしています。しかし私はデータをフォーマットしてクライアント側に転送する良い方法を見つけることができません。次のコードを使用して、すべてのカテゴリツリーを持つjsonオブジェクトを生成できます。

ExpandoObject catToSubcatMap = new ExpandoObject(); 
foreach (var cat in repository.Categories) 
{ 
      var subcats = repository.SubCategories.Where(s => s.ParentID == cat.CategoryID); 
      List<Object> subcatNameList = new List<object>(); 
      foreach(var subcat in subcats) 
      { 
       subcatNameList.Add(new { Name = subcat.Name }); 
      } 
      AddProperty(catToSubcatMap, cat.Name, subcatNameList); 
} 
Session["CatToSubcatMap"] = JsonConvert.SerializeObject(catToSubcatMap, Newtonsoft.Json.Formatting.Indented, new JsonSerializerSettings { NullValueHandling = NullValueHandling.Ignore }); 

json自体は完璧に見えます。私はjQueryの関数から値を読み取るしようとしたときしかし、それは失敗しました：

var sss = '@Session["CatToSubcatMap"]'; 

それはJSON文字列であまりにも多くの特殊文字があるように思えます。私の一般的な質問は、サーバーとクライアントの間でどのように複雑なデータをフォーマットして渡すべきかということです。 ViewbagやSessionのどちらを使うのが好ましいですか？

おかげ クリス

Answer 1

あなたがやろうとしているものを行うことができます。あなたが持っているものは正しくフォーマットする必要がありますが、Html.Rawを含める必要があります。

var sss = @(
      Html.Raw(Session["CatToSubcatMap"].ToString()) 
     ); 

Rawは本質的にコンテンツをエンコードすることなくレスポンスに直接書き出します。これは起こりそうなことです。