jtemplate是模板引擎基于jQuery的
插件,这是非常强大的,你不必担心使用js绑定数据集又。
其主要思想是
复制文本作为模板,Ajax加载JSON数据,添加模板,绑定数据,更新和负载更多的事件。
加载更多
功能fnload(数据){
LISTDATA.阿贾克斯。数据。target_page = parseInt(数据。currentpage)+ 1;
功能增加(){
listdata.ajax.load();
}
动态
转换加载更多标记
如果(data.totalnums = = 0){
$(# loadobj)。AddClass(
字体禁用)。Html(无数据记录呢!)Unbind(点击);
}
如果(数据。hasNext){
$(# loadobj)。Html(负载);
如果(数据。currentpage = = 1){
$(# loadobj)。Bind(点击,增加);
}
其他{ }
$(# loadobj)。AddClass(字体禁用)。Html(已底端!)Unbind(点击);
}
}
/ / ajaxcallback
功能callbacklist(数据){
nexthtml = $(var的# ListTemplate道具(outerHTML));
VaR listobj = = = 0美元的列表页面的# listobj ':' # listobj +列表页面;
VaR nextlistobj =listobj美元+(列表页面+ 1);
$($ listobj)。settemplateelement('listtemplate,null,{ filter_data:假});
$($ listobj)。SetParam(imgdomain,roomimgdomain);
$($listObj).ProcessTemplate (data);
$($ listobj)。后($(',{)
身份:nextlistobj美元,
班级:'list-wrap
})
);
$(# + nextlistobj美元)追加(nexthtml);
列表页面+ +;
firsth3 = $(var $ # listobj。景框:第一H3 );
firsth3.next美元()表示();
firsth3.find美元(跨)。AddClass(H3上)。RemoveClass(H3下);
fnload(数据);
}
});
}
ajax.prototype.load美元=
函数(){
无功_this =这;
$ ajax({
类型:邮政,
网址:_this.url,
DataType:'json,
数据:_this.data,
成功:函数(数据){
如果(_this。回调){
_this.callback(数据,_this。ID);
其他{ }
/ / console.log(Ajax不定义回调函数!);
}
},
错误:函数(){
/ / console.log(当);
}
});
}
调用
功能fnlistajax(){
这就是ajax =新的ajax();
this.ajax.url =;
this.ajax.data = { };
}
变量列表数据=新fnlistajax();
FnAjax();
功能fnajax(){
listdata.ajax.url = datadomain + / / detail.htm
广告;
listdata.ajax.data = { {
代码:'index_web
};
listdata.ajax.callback = fncallbackview;
listdata.ajax.load();
};
对Ajax + jtemplate
分享动态页面上面的内容,我希望你喜欢它。