2012-04-02 54 views
-1

在我的控制器操作中,我調用一個方法,該方法返回一個缺失文件列表。從這裏,我該列表返回到使用JSON的.js文件:使用Json返回值列表

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??    
      }); 
     }); 
+1

使用螢火蟲的觀點json的輸入反應的格式並通過JSON對象.., – ygaradon 2012-04-02 19:57:57

回答

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 
       }) 
      ); 
     }); 
    }); 
}); 
+0

謝謝Darin。這非常有幫助 – GoldenUser 2012-04-03 13:48:02

0
alert(JSON.stringify(data)); 

更復雜的渲染需要瀏覽器端呈現的更好的知識。

+0

行 - 所以上面得到了一個缺少的文件作爲字符串集合的列表?向用戶顯示該列表的最佳方式是什麼?對不起,我是jQuery的新手! – GoldenUser 2012-04-02 20:06:26

+1

@GoldenUser如果您需要更多幫助,您可能想開始接受一些答案。 – Terry 2012-04-02 20:27:43

+0

@GoldenUser,每個瀏覽器都有內置的開發/調試工具 - 設置斷點並查看「數據」是什麼。決定如何渲染項目並做到這一點 - 沒有「最好的方法」來做到這一點,只有成百上千的好方法。 – 2012-04-02 21:14:19