自学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>