DoT模板
最后更新于:2022-04-01 23:48:11
# DoT模板引擎使用
[TOC]
### 1.先引用 doT.min.js文件
~~~
~~~
### 2.script代码部分案例
> 将html文件在script中输出
~~~
~~~
> 将得到的json数组用方法封装 插入到需要添加的html位置中
~~~
function fnMlist_con(data_)
{
var apendText = $api.byId('MgT').text;
var fnapendText = doT.template(apendText);
var html = fnapendText(data_);
var list = $api.dom('#megList');
$api.append(list, html);
}
~~~
> 在ajax返回数据中调用封装好的方法将数据插入到html中
~~~
api.ajax({
url: 'requestPath',
method: 'post',
data: {
values: {
valueName: 'value'
},
files: {
fileName: 'filePath'
}
}
}, function(ret, err) {
if (ret) {
fnMlist_con(ret);
} else {
alert(JSON.stringify(err));
}
});
~~~
### 3.script代码部分案例(条件循环,添加参数循环)
~~~
~~~
> {{var ids=0;}}添加自定义js代码
{{? }} if
{{??}}else
{{?}}结尾
在doT中输出js变量 可以
例如js 变量domainName
~~~
~~~
';