最开始的时候我是在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>
分享到:
相关推荐
自学mvc的最好的资料,配有教学视频,学习资料,以及附带了一个mvc项目实例,可以一边做项目,一边学习mvc可以全面学习mvc,学习完这个网址的全部东西,相信你的mvc可以去公司用mvc开发项目了。
json自学必备,JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。
UNIX 自学篇:第一讲:存取权限与文件 ...UNIX 自学篇:第十讲:打印管理 UNIX系统操作入门篇(一) UNIX系统操作入门篇(二) UNIX系统操作入门篇(三) UNIX系统操作入门篇(四) UNIX系统操作入门篇(五)
98王码自学教材 作者: 王永民出版社: 气象出版社 出版年: 1999ISBN:7-5029-2674-7 简介: 全书分为四个部分,第一部分介绍了"98版五笔字型"的基础知识;第二部分是本书的核心,"五笔字型"的编码规则及学习"诀窍"都在这...
一维数组的创建以及常用方法数组类型的介绍与总结,适合初学者,预习自学
资源介绍:易语言数组比较模块源码例程程序使用循环一一比较两个数组的成员。点评:数组的类型,成员数,成员值都是要一一比较的。资源作者:三叶易语言自学网资源下载:
自学考试院校介绍:中央财经大学.docx
Java基础入门自学课件 第04章 数组(共25页).ppt
自学考试复习专题:工程经济学练习二.pdf
java数组 Java 语言中提供的数组是用来存储固定大小的同类型元素。 如:可以声明一个数组变量,如 numbers[100] 来代替直接声明 100 个独立变量...本资源是java数组基础教程,适合自学的朋友,有兴趣可以下载学习参考。
06-数组-自己使用的C语言教程PPT-适合老师备课或者自学 pptx
ASP.NET MVC自学手册
导学·自学·领学:高中历史课堂深度学习之路径——以“秦统一多民族封建国家的建立”一课为例.pdf
Java开发自学100天,Java开发必背代码 用动态数组保存信息
abap自学:SmartForms 的好教材之一,其中有详细步骤和图解以及相关代码!
很好的自学指导 JAVA自学之路 一:学会选择 JAVA自学之路 二:JAVA自学路线图
testJson.war 使用JSON与服务器传递信息的项目文件(可直接在Tomcat下发布运行)。 \lib目录 在Java中使用JSON需要的lib包列表。 \testJson\src\jsonExercise\JSONServlet.java 处理页面请求的...
李笑来最新书籍,关于自学。源自GitHub李笑来。 通过学习python 提升自己自学能力 。
自学TCP\IP十四日通(pdf格式)不知道对大家有没有用先才传上去
这个是网上仅有的藏量不多的MVC3.0教材,很适合初学者,以及向学习的程序员们