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

更复杂的渲染需要更好地了解浏览器端渲染。

使用Json返回值列表

2 个答案: