自学MVC（十四）：如何在view里用表格展示json数组

最开始的时候我是在action里循环数组，拼接了一个带HTML格式的字符串，后来想到这样的话数据和HTML耦合太高了，在界面上无法修改HTML样式。
于是我就换了种方法，action只提供给前台json数组，前台用一个html模板，循环把json里的数据填入到模板里就行了。

核心代码如下:

//获取评论内容
function getComments(pageindex) {
$.post("/Comment/GetCommentsByMID", { Mid: <%= Model.Mid %>, PageIndex: pageindex, PageSize: 10},
function(data, textStatus) {
$("#videobodycommentlist").text(""); //videobodycommentlist是一个用来显示数据的DIV
$.each(data.result,function(i,n){ //data.result里放的是List<Comment>泛型集合，用Json()来封装了。
var row = $("#commentTemp").clone();//commentTemp是一个模板
row.find("#commentUser").text(n.CommentUser.Uname);
row.find("#commentTime").text(renderTime(n.Commenttime));
row.find("#commentContent").html(n.Commentcontent);
row.show();
row.appendTo("#videobodycommentlist");
});
}, "json");
}

模板的HTML代码如下:

<div id="commentTemp" class="comment" style="display:none">
<div class="bar"><span id="commentUser"></span>发表于<span id="commentTime"></span></div>
<div id="commentContent"></div>
</div>