);//tpl为刚才得到的封装模板
Ajax请求数据以及完成模板的填充
$.get("/api",function (data,status) {
console.log(data);
...i<data.length;i++){
var mbString=compiled(data[i]);
$(".main").append(mbString)//将得到的模板追加到相应的区域...(main内)
}
由于ajax无法跨域,所以请求的地址使用相对路径,循环得到的ajax中data数据,进行模板填充!...之前的使用ejs模板填充,后台需要前台页面修改为ejs,用户访问页面审查元素中所有模板全部被后台解析相应内容,而前台模板的审查元素还是对应的,浏览时候请求ajax后填充模板!...这样变得前后台更加清晰,前台只需负责页面,后台管理数据(提供数据接口),连接二者桥梁(Ajax),数据请求则完成简单的前后台交互,更加明显!互不干扰!