自定义js模板加载数据文件
2018-03-27 15:23
736 查看
1、代码如下:var model={
reg:/\$\{([\w]*)\}/ig,
/** 填充列表模板 */
loaderList:function(list, template, container){
for(var i=0; i<list.length; i++){
var obj = list[i];
this.loaderInfo(obj, template, container);
}
},
/** 填充表单模板 */
loaderInfo:function(obj, template, container){
var html = template.replace(model.reg, function(s,value) {
return eval("obj."+value);
});
$(container).append(html);
}
};2、使用// 变量初始化
var host = window.location.href;
host = host.substring(0, host.indexOf('before', 0));
$(function() {
var param =getRequest();
var url = host + "api/article/"+param.id+"/info.ht";
var template = $("#detail_info").html();
$.get(url, function(result) {
var obj = result.data;
model.loaderInfo(obj, template, "#container");
});
});备注:
正则表达式中/i,/g,/ig,/gi,/m的区别和含义/i (忽略大小写)
/g (全文查找出现的所有匹配字符)
/m (多行查找)
/gi(全文查找、忽略大小写)
/ig(全文查找、忽略大小写)
reg:/\$\{([\w]*)\}/ig,
/** 填充列表模板 */
loaderList:function(list, template, container){
for(var i=0; i<list.length; i++){
var obj = list[i];
this.loaderInfo(obj, template, container);
}
},
/** 填充表单模板 */
loaderInfo:function(obj, template, container){
var html = template.replace(model.reg, function(s,value) {
return eval("obj."+value);
});
$(container).append(html);
}
};2、使用// 变量初始化
var host = window.location.href;
host = host.substring(0, host.indexOf('before', 0));
$(function() {
var param =getRequest();
var url = host + "api/article/"+param.id+"/info.ht";
var template = $("#detail_info").html();
$.get(url, function(result) {
var obj = result.data;
model.loaderInfo(obj, template, "#container");
});
});备注:
正则表达式中/i,/g,/ig,/gi,/m的区别和含义/i (忽略大小写)
/g (全文查找出现的所有匹配字符)
/m (多行查找)
/gi(全文查找、忽略大小写)
/ig(全文查找、忽略大小写)
相关文章推荐
- Ext.js5(自定义的下拉列表模板)(从服务器加载数据)(28)
- webstorm如何自定义js等文件的注释模板
- 一种自定义js文件加载时间的方法
- Ecshop二次开发之自定义库文件和模板数据调用
- angularjs 动态加载js文件,可在模板
- vue加载自定义的js文件
- Ext.js5(加载本地数据)(自定义模板完成自定义UI)(29)
- HTML5之新特性(选择器、class列表属性、JSON新方法、data自定义数据、延迟加载JS)
- 如何用自己的js文件加载一些动态数据
- 【3】node.js-eCharts柱状图-加载本地Excel文件数据
- 页面加入_JS,CSS使用,#include添加文件,缓存页面,页面间传递汉字,IsPostBack控制页面的加载,自定义错语页面
- vue加载自定义的js文件方法
- 利用grunt+browserify预编译js模板文件,支持commonJS加载
- [Django模板系统]在模板中加载css/js等静态文件
- frames的对象兼容性获取以及跨域实现数据交换(js文件的加载判断)
- 谷歌验证码非web.xml非servlet拦截 使用配置文件自定义加载,防止多次点击(防js攻击)
- 自定义require函数让浏览器按需加载Js文件
- Three.js 3D打印数据模型文件(.STL)加载
- Store.JS文件 手动加载数据
- 最新的vue webpack模板没有dev-server.js文件,进行后台数据模拟笔记