zoukankan      html  css  js  c++  java
  • 自学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>

  • 相关阅读:
    7--docker-compose详解
    6--容器数据卷,发布镜像,Docker小结
    5-- Dockerfile 搭建 博客系统
    4--Docker之Dockerfile镜像定制
    3--Docker网络 ; Docker图形化界面
    2--Docker容器相关命令
    1--docker介绍、安装; docker镜像相关命令
    2、函数的核心内容
    1、函数的基本使用
    7、文件操作方法
  • 原文地址:https://www.cnblogs.com/wangergo/p/1545958.html
Copyright © 2011-2022 走看看