Ajax+jtemplate动态分页详细解释

Ajax+jtemplate动态分页详细解释
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分享动态页面上面的内容,我希望你喜欢它。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部