关于templ和html拼接比较
来源:互联网 发布:三角洲部队 百度软件 编辑:程序博客网 时间:2024/06/05 00:29
传统的html拼接方式:
function loadData(){
(“#dataList”).html(“”);
var pageIndex =(“#pageIndex”).html();
var action=”/democontroller/listweb.ph”;
ajaxPost(action,{“page” : pageIndex},function(data) {
if (.trim(data.code) == “40000”) {
var rows = data.resobj.rows;.each(rows,function(index, value) {
var tr = ““;
tr += ““+rows[index].name+”“;
//代码转名称
if(rows[index].tip==”0”){
tr += “公开“;
}else{
tr += “私密“;
}
tr += ““+rows[index].createtime+”“;
//代码转名称
if(rows[index].flag==”1”){
tr += “开始“;
}else{
tr += “结束“;
}
tr += ““;
tr += “
tr += “
tr += “编辑”;
tr += “
tr += “
tr += “删除”;
tr += “
tr += “
tr += “结束活动”;
tr += “
tr += “
$(“#dataList”).append(tr);
//按钮颜色和图标一共有7种。分别是白色,浅蓝色,深蓝色,绿色,黄色,红色,黑色,对应的class为btn,btn btn-primary,btn btn-info,
//btn btn-success,btn btn-warning,btn btn-danger,btn btn-inverse
});
pageStr(data,”pageDiv”);// 放置到分页控件
}
}, ‘json’);
}
以上是html动态拼接的方法
运用jquery的templ方法:
function loadData(){
var pageIndex=(“#pageIndex”).html();
var userId=(“#userId”).val();
var name=(“#name”).val();
var qqnumber=(“#qqnumber”).val();
var phone=(“#phone”).val();
var action=”/userinfo/selectAllUserInfoForPage.ph”;
ajaxPost(action,{“page”:pageIndex,”userId”:userId,”name”:name,”qqnumber”:qqnumber,”phone”:phone},function(data){
if(data.code==”40000”){(“#userList”).empty();
$(“#userData”).tmpl(data.resobj).appendTo(“#userList”);
pageStr(data, “pageDiv”);// 分页控件
}
},’json’);
}
那种方式更好一目了然
- 关于templ和html拼接比较
- templ 自用
- 比较XML和HTML
- XML和HTML比较
- 原生和html比较
- 关于JS脚本中拼接Html代码注意事项
- String 字符串拼接方法 concat和+ 效率比较
- 字符串拼接执行速度和内存消耗比较
- XML和HTML的比较
- Xml和Html之比较
- 字符串拼接效率比较
- 关于 JS的 StringBuffer 和 + 拼接字符串性能的比较 案例 对《JavaScript高级程序设计》在84-85页 的测试
- 关于standard button和html button之disabled属性的比较
- Js 拼接 dom Html
- 动态拼接html
- js拼接HTML页面
- 拼接html标签
- java后台拼接html
- 【IMWeb训练营作业】todoList
- sqlmapapi
- 动态数据采集业务逻辑
- include-require 区别
- docker常用命令和操作以及Wekan开源项目部署
- 关于templ和html拼接比较
- 面向对象分析与设计之ATM系统
- Docker私有仓库管理之Harbor搭建
- ServerSocket 与 Socket的区别
- 安卓+apache ftp server上传文件遇到的问题:服务器ip地址、异步线程的使用
- DAY4作业-结合盒子模型,发布一张卡片
- 纯HTML+CSS静态百度登录界面制作
- C#版的抓包软件
- 解决使用jQuery采用append添加的元素事件无效的方法