Jsonを使用した値のリストを返す

Question

私のコントローラのアクションでは、不足しているファイルのリストを返すメソッドを呼び出します。ここから、私は、JSONを使っ.jsファイルにこのリストを返す：

foreach (string s in result.Value.MissingImages) 
{ 
      missingImages.Add(s.ToString()); 
} 
return Json(new { returnVal= missingImages }); 

.jsファイルで、私は、ユーザーにこれらのファイルのリストを表示したいと思います。このリストをフロントエンドで処理して表示するにはどうすればよいですか？

$("#Images").click(function() { 
      $.post('/File/ImageUtil', function (data) {        
       //display the missing file list to the user here??    
      }); 
     }); 

Answer 1

あなたは結果プレースホルダ定義することができます。

<div id="result"></div> 

、次に文字列の返されるコレクションをループし、結果にそれらを注入：ビューのための

$("#Images").click(function() { 
    $.post('/File/ImageUtil', function (data) { 
     var result = $('#result'); 
     result.empty(); 
     $.each(data.returnVal, function() { 
      result.append(
       $('<div/>', { 
        text: this 
       }) 
      ); 
     }); 
    }); 
}); 

Answer 2

alert(JSON.stringify(data)); 

より複雑なレンダリングは、ブラウザ側のレンダリングの優れた知識を必要とします。