//定义页码
var page = 1;
//上拉加载更多
$(function () {
var Key = <%=webcol.intGetColumnID("公司新闻") %>;
var pagesize = 6;
//先判断是否有更多
$.ajax({
type: "POST",
url: '/Mobile/TFMore.ashx',
data: { Key: Key, pagesize: pagesize },
success: function (data) {
if (data == "havemore") {
//如果有才绑定加载更多
$('.news-list').dropload({
scrollArea: window, //滚动循环
autoLoad: false, //自动加载
domDown: {//上拉
domClass: 'dropload-down',
domRefresh: '<div class="dropload-refresh f15 "><i class="icon icon-20"></i>上拉加载更多</div>',
domLoad: '<div class="dropload-load f15"><span class="weui-loading"></span>加载更多</div>',
domNoData: '<div class="dropload-noData">没有更多数据了</div>'
},
loadDownFn: function (me) {
page++;
$.ajax({
type: "POST",
url: '/Mobile/Company_News_LM.ashx',
data: { page: page, Key: Key },
success: function (data) {
if (data != "") {
setTimeout(function () {
//延时加载
$('.jiazaigengduo').append(data);
me.resetload();
}, 1000);
}
else {
tab1LoadEnd = true;
me.lock();
me.noData();
me.resetload();
}
}
});
}
});
}
}
});
});
刚进入这个行业的我 也许还有很多不会的东西,也许我的代码是垃圾代码,但是就算是如此 我也要坚持下去 ,并且一步一步将自己的代码标准提高。
因为最近上拉加载用的比较多,故把这个时间段的代码贴上来,希望看到的朋友积极指正 带我这个刚入行没多久的菜鸟一把。
这只是一个前台写法(请原谅的语言不够专业化,都在一步一步的学啊还请大家不要见笑)而两个ajax链接的地址则是一般处理程序,返回的格式是string类型,因为已经在一般处理程序中将标签拼接好了(用的StringBuilder) 也可以直接返回list或者json 在前台拼 。
用到的js:dropload.min.js
思路:
先在数据库中计算出该栏目内容是否能显示多页
如果有则执行加载代码 具体代码见代码,就不一一赘述了。如有缺漏欢迎大家提出。news-list是一个容器 代码结构是 <div class="news-list"><ul class="jiazaigengduo"><li></li></ul></div>