Вернуть список значений, используя Json

Question

В своем действии контроллера я вызываю метод, который возвращает мне список отсутствующих файлов. Отсюда я возвращаю этот список в файл .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??             
            });
        });

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));

Более сложный рендеринг требует лучшего знания рендеринга в браузере.