当前位置:首页 > 日记 > 正文

ajax实现不刷新下拉加载更多

ajax实现不刷新下拉加载更多
随着互联网时代的发展,web有了前台和后台的数据链接,因为Web前端只写HTML、CSS和js的交互。

JS代码
$(函数(){())
var页面= 1;
VaR的折扣(#美元折扣);
无功innerheight = window.innerheight;
VaR Timer2 = null;
$ ajax({
网址: / / /验证lightapp营销 /申请/列表页面= 1,
类型:' ',
DataType:'json,
超时:'1000,
缓存:假,
成功:函数(数据){
如果(data.error_code = 0){
无功arrtext = { };
对于(var i = 0,t;T =数据。列表{ + };){
ArrText.push();
ArrText.push(+ t.title +);
如果(t.coupon_type = = 1){
ArrText.push('amount:$'+ t.amount +);
{人}
ArrText.push('concession t.amount:+ +);
}
ArrText.push(用户的账户:是啊t.user_name + 12 ++时间:+ t.use_time +);
ArrText.push();
}
discount.html(arrtext.join('));
};
无功ajax_getting = false;
$(窗口)。滚动(函数(){)
ClearTimeout(定时器);
Timer2 = setTimeout(){()函数(
VaR scrollTop = $(document。体)ScrollTop();
scrollheight = $(var 'body)。Height();
无功windowheight = innerheight;
无功scrollwhole = math.max(scrollheight - scrollTop - windowheight);
如果(scrollwhole<100){
如果(ajax_getting){
返回false;
{人}
ajax_getting =真;
}
discount.append(' ');
('html美元,身体)。ScrollTop($(窗口),Height()+ $(document)。Height());
页+;
$ ajax({
网址: / / /验证lightapp营销 /申请/列表页面=+页,
类型:' ',
DataType:'json,
成功:函数(数据){
如果(data.error_code = 0){
无功arrtext = { };
对于(var i = 0,t;T =数据。列表{ + };){
ArrText.push();
ArrText.push(+ t.title +);
如果(t.coupon_type = = 1){
ArrText.push('amount:$'+ t.amount +);
{人}
ArrText.push('concession t.amount:+ +);
};
ArrText.push(用户帐户:111111111 + SA的t.user_name ++时间:+ t.use_time +);
ArrText.push();
}
discount.append(arrtext.join('));
$();
{人}
$();
discount.append(没有更多的数据。);
$(窗口)Unbind('scroll);
};
ajax_getting = false;
}
});
};
$();
},200);
});
如果(data.error_code = = 156006){
美元(优惠券)Html(错误)!原因:未登录)
};
如果(data.error_code = = 156003){
美元(优惠券)Html(错误)!原因:缺乏权威,请加上
};
如果(data.error_code = = 156007){
美元(优惠券)Html(错误)!原因:服务异常)
};
如果(data.error_code = = 511){
美元(优惠券)Html(错误)!原因:帐号不开放号码
};
如果(data.error_code = = 520){
$(优惠券)Html(没有注销记录)
}

},
错误:函数(数据){

}
})
$(窗口),Bind(orientationchange
$('。滑块)。Css(右,$(窗口),Width()/ 2 + 'px);
})
})
以上是本文的全部内容,希望大家能喜欢。

相关文章

生命无奈、人格签名与人格签名

生命无奈、人格签名与人格签名

人格,无奈,生命,电脑软件,在这个世界上总有一个人会给你一个拥抱。你会像蜂蜜一样吞下 {自娱自乐,自降自悲自喜自导,自成自亡。 学会隐藏朋友!关心你的人会自动找到你,不要主动去找你,不要想别人不记得你。 不想看到你不开心,也嫉妒你和别人太幸…

Word2010段落设置Word2010教程

Word2010段落设置Word2010教程

教程,设置,段落,电脑软件,这是为你准备的Word2010段落进行梳理,希望能帮助你! 3.1对齐 在使用Word2010编辑文档的过程中,我们经常需要为一个或多个段落设置页面中的文本对齐方式。本文为你介绍的方法设置段落对齐。 段落对齐设置 方法1 打开Wo…

PS图象处理软件教程制作粉红色的饼

PS图象处理软件教程制作粉红色的饼

图象处理,软件教程,饼干,粉红色,电脑软件,本文主要介绍了粉红色的饼干艺术制作的PS图象处理软件。 饼干字在图层样式中制作得非常快。首先:设置所需背景,输入文本,用图层样式做初步效果,然后用画笔在文本中添加装饰和高亮效果。 art_adbox开始…

WPS文件如何加密WPS文本教程

WPS文件如何加密WPS文本教程

文本,文件,加密,教程,电脑软件,计算机被广泛使用。许多用户非常熟悉计算机知识。萧边给我们带来了计算机的相关知识,欢迎您的阅读和学习,希望能帮助你提高你的知识水平。 WPS是由金山村股票软件开发的一个办公室软件包,可以实现办公软件的许多…

页面上敏感词自动筛选的Javascript实现

页面上敏感词自动筛选的Javascript实现

敏感词,筛选,页面,电脑软件,Javascript,本文介绍了一种用javascript自动屏蔽页面上敏感词的方法,供大家参考: 不善言辞的例子 功能filtertext(节点){ 无功rebadwords = / / GI anotherbadword BadWord |; 返回stext.replace(rebadwords,* * * *); } 功能…

CorelDRAWX5的改进功能详解

CorelDRAWX5的改进功能详解

详解,功能,电脑软件,本教程介绍朋友CorelDRAW X5的改进功能,教程比较基础,很适合读书,建议一起学习吧。 今天的朋友简单介绍了CorelDRAW X5的改进功能,当然属于课外阅读,感兴趣的朋友可以阅读! 开始时间 以下是X5的新接口。哈哈。它也可以设置宽…

在QQ空间日志中,保存了对话框来解释

在QQ空间日志中,保存了对话框来解释

对话框,空间,解释,日志,常见问题,在QQ空间日志中保存脚本框描述 1。如果您在编写日志时单击手动保存草稿,它将永久保存在服务器上; 2,如果写日志时没有理由中断,系统会自动保存草稿。当用户进入草稿框时,他们会弹出对话框。你想读最后一篇日志…

如何使文件格式导航清晰Word2010教

如何使文件格式导航清晰Word2010教

导航,教程,清晰,文件格式,电脑软件,在我们的工作中,我们经常需要处理一些相对较长的文档。我们要重新组织文档内容并将它与鼠标滚轮,既麻烦又容易出错。但是如果你已经使用的Office 2010,你不会在意这个问题了。在Word2010组件使用新的文档导…

2015七夕情人节签名签名快乐个性签

2015七夕情人节签名签名快乐个性签

情人节,个性签名,快乐,电脑软件,1、空白是因为,无法表达感情的话。 2,蹲在黑暗的墙角,悄悄地抹去我的眼泪的痛苦。 3,情人节是我们分手的日子。 4,我喜欢去悬崖边,沿着山脊蜿蜒的道路。 5,记得我去过的那一天,情人节快乐,我不开心,闭上眼睛,不记得哭了…

PS合成经典梦幻森林中的魔法小公主

PS合成经典梦幻森林中的魔法小公主

小公主,森林,梦幻,经典,魔法,本文主要介绍了《魔力森林》中的年轻公主的PS,效果图比较复杂,使用的材料较多,笔者在学习的时候掌握了方法,想把素材快速添加到图片中,并把画面完美化。 效果图比较复杂,使用的材料比较多,当作者学习的时候掌握了方法…

CorelDRAW是美丽的图案边界简介

CorelDRAW是美丽的图案边界简介

边界,图案,美丽,简介,电脑软件,This tutorial is to introduce a friend to CorelDRAW, simply draw beautiful border border skills. 本教程所画的框架非常漂亮,难度也不是很大。建议看一看。 本教程教朋友们用CorelDRAW绘制美丽的边境,边…

Word2003创建或修改样式格式的教程

Word2003创建或修改样式格式的教程

文本,修改,教程,语言,样式,只有是通过微软Office语言;从左到右,从右到左:指的是键盘设置、文档视图、用户界面对象和文本的显示方向。阿拉伯和希伯来语言是从右到左的语言支持,这帮助的话题一些选项描述的功能是可用的。 从右到左语言文本,类型…