php+jquery 上拉加载
<script type="text/javascript">
var resflow = true,pages =2;
var ps=$("#ids").text();
order_code=$("#order_code").html();
$(function(){
/*滚动条追加数据*/
$(window).bind('scroll',function(){
requirementH = 0,docH = 0;
requirementH = ($(window).innerHeight() - 49) + $(window).scrollTop();
docH = ($('.menuOfListRight ul li').size()) * ($('.menuOfListRight ul li').height()+5);
// console.log('requirementH='+requirementH);
// console.log('docH=='+docH);
// console.log('scrolltop=='+$(window).scrollTop());
if( docH<requirementH){
if(pages <=ps){
console.log(pages);
getDate();
$('.menuLoad').show();
} else{
$('.menuLoad').hide();
}
console.log('ssssssss');
}
});
});
/*ajax获取数据**/
function getDate(){
if(resflow){
resflow = false;
if(pages <= ps){
str = '';
$.ajax({
type: "POST",
url: ".././../up_load",
data:{page:pages,id:order_code},
success: function(data) {
for (var i = 0; i < data.length; i++) {
str += '<li style="margin-bottom: 0.54444rem" >' +
'<div class="dkjl-li">' +
'<div class="dkjl-tit fl ddhao">订单号:'+data[i].virtual_code+'</div>' +
'<div class="dkjl-con fr"><span>'+data[i].add_time+'</span></div>' +
'</div>' +
'<div class="dkjl-li">';
if(data[i].zhuangxiu==null) {
str+= '<div class="dkjl-tit fl ddhao">暂无数据 </div>' +
'<div class="dkjl-con fr"><span class="dkjl-red">¥' + data[i].jiaofei + '</></div>' +
'</div>' +
'<div class="dkjl-li">'
}else{
str+= '<div class="dkjl-tit fl ddhao">'+data[i].zhuangxiu.company+' </div>' +
'<div class="dkjl-con fr"><span class="dkjl-red">¥' + data[i].jiaofei + '</></div>' +
'</div>' +
'<div class="dkjl-li">'
}
<!--- 业务逻辑
if(data[i].status==0){
str+='<div class="dkjl-tit fl dkwc" >1111</div>'+
'</div>'+
'</li>'
}else if(data[i].status==1) {
str+='<div class="dkjl-tit fl dkwc" ></div>'+
'</div>'+
'</li>'
--->
}else{
str += '<div class="dkjl-tit fl dkwc">33333</div>' +
'<div class="dkjl-con fr"><a class="js-moneypz" data='+data[i].cert_img+'>2222</a></div>' +
'<div class="dkpzheng"><img src=' + data[i].cert_img + ' width="100%"></div>' +
'</div>' +
'</li>'
}
}
$('.menuOfListRight ul').after(str);
}
});
pages ++ ;
resflow = true;
}
}
}
</script>
php+jquery 上拉加载的更多相关文章
- jQuery上拉加载更多
<header id="header">首 页</header> <section id="main"> <ul id ...
- Vue+jquery上拉加载
<ul> <li class="new-list" v-for="item in proarr"> <a :href=" ...
- jquery 和 mui 上拉加载
jquery: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <m ...
- 使用jquery结合ajax做下拉刷新页面,上拉加载页面,俗称分页
jquery结合iscroll.js做下拉刷新页面,上拉加载页面 先上代码,里面都有注释这就不一一说明了 <!DOCTYPE html> <html lang="en&qu ...
- 原生js移动端touch事件实现上拉加载更多
大家都知道jQuery里没有touch事件,所以在移动端使用原生js实现上拉加载效果还是很不错的,闲话不多说,代码如下: //获取要操作的元素 var objSection = document.ge ...
- react + iscroll5 实现完美 下拉刷新,上拉加载
经过几天的反复折腾,总算做出一个体验还不错的列表页了,主要支持了下拉刷新,上拉加载两个功能. 一开始直接采用了react-iscroll插件,它是基于iscroll插件开发的组件.但是开发过程中,发现 ...
- js上拉加载、下拉刷新的插件
之前在网上找那种下拉刷新,上拉加载的插件,有一款IScroll,但是用起来太麻烦,于是就自己写了款,但依赖于jquery.js,bug肯定有,希望评论提出. js: /* 简洁的下拉刷新,上拉加载插件 ...
- JS+CSS实现的下拉刷新/上拉加载插件
闲来无事,写了一个当下比较常见的下拉刷新/上拉加载的jquery插件,代码记录在这里,有兴趣将代码写成插件与npm包可以留言. 体验地址:http://owenliang.github.io/pull ...
- mui上拉加载
最近在做移动端的项目,用到了mui的上拉加载,整理如下: 1.需要引入的css.js <link rel="stylesheet" href="common/mui ...
随机推荐
- md详解和rd详解:一次性创建多个目录和多级子目录
md 命令: 官方解释: E:\ABC>md /? 创建目录. MKDIR [drive:]path MD [drive:]path 如果命令扩展被启用,MKDIR 会如下改变: 如果需要,MK ...
- Foxmail公司邮箱配置
1.打开Foxmail点击新建输入账户密码,点击创建: 2.勾选IMAP服务器的ssl,修改SMTP服务器端口为587 点击应用,账号创建完成.可以拉取和发送邮件了:
- xpath总结
Python包 pip install lxml 在 XPath 中,有七种类型的节点:元素.属性.文本.命名空间.处理指令.注释以及文档(根)节点.XML 文档是被作为节点树来对待的. xpath语 ...
- quartz的使用(三)
1.在数据源数据库中执行下载的quartz的sql语句(创建11张表),其中表头qrtz_可以在在配置文件中更改,对应表创建时更改org.quartz.jobStore.tablePrefix=qrt ...
- python编写微信公众号首图思路详解
前言 之前一直在美图秀秀调整自己的微信公众号首图,效果也不尽如人意,老是调来调去,最后发出来的图片被裁剪了一大部分,丢失部分关键信息,十分恼火,于是想着用python写一个程序,把微信公众号首图的模式 ...
- thinkphp 输入过滤
永远不要相信客户端提交的数据,所以对于输入数据的过滤势在必行,我们建议: 开启令牌验证避免数据的重复提交: 使用自动验证和自动完成机制进行初步过滤: 使用系统提供的I函数获取用户输入数据: 对不同的应 ...
- 01二维背包+bitset优化——hdu5890
口胡一种别的解法: 三重退背包,g1[j]k]表示不选x的选了j件物品,体积为k的方案数,g[0][0] = 1 , g1[j][k]=dp[j][k]-g1[j-1][k-a[x]] 然后按这样再退 ...
- android 插件化框架VitualAPK
推荐阅读: 滴滴Booster移动App质量优化框架-学习之旅 一 Android 模块Api化演练 不一样视角的Glide剖析(一) LeakCanary 与 鹅场Matrix ResourceCa ...
- 关于JQuery Ajax 跨域 访问.net WebService
关于这个 jQuery Ajax跨域访问 WebService 前天整了好几个小时没整明白 今天再看一下 结果突然就顿悟了 1.建一个空webApplication --添加--新建项--web服务( ...
- 《转》python
转自http://www.cnblogs.com/BeginMan/archive/2013/06/03/3114974.html 1.print语句调用str()函数显示,交互式解释器调用repr( ...