<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 上拉加载的更多相关文章

  1. jQuery上拉加载更多

    <header id="header">首 页</header> <section id="main"> <ul id ...

  2. Vue+jquery上拉加载

    <ul> <li class="new-list" v-for="item in proarr"> <a :href=" ...

  3. jquery 和 mui 上拉加载

    jquery: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <m ...

  4. 使用jquery结合ajax做下拉刷新页面,上拉加载页面,俗称分页

    jquery结合iscroll.js做下拉刷新页面,上拉加载页面 先上代码,里面都有注释这就不一一说明了 <!DOCTYPE html> <html lang="en&qu ...

  5. 原生js移动端touch事件实现上拉加载更多

    大家都知道jQuery里没有touch事件,所以在移动端使用原生js实现上拉加载效果还是很不错的,闲话不多说,代码如下: //获取要操作的元素 var objSection = document.ge ...

  6. react + iscroll5 实现完美 下拉刷新,上拉加载

    经过几天的反复折腾,总算做出一个体验还不错的列表页了,主要支持了下拉刷新,上拉加载两个功能. 一开始直接采用了react-iscroll插件,它是基于iscroll插件开发的组件.但是开发过程中,发现 ...

  7. js上拉加载、下拉刷新的插件

    之前在网上找那种下拉刷新,上拉加载的插件,有一款IScroll,但是用起来太麻烦,于是就自己写了款,但依赖于jquery.js,bug肯定有,希望评论提出. js: /* 简洁的下拉刷新,上拉加载插件 ...

  8. JS+CSS实现的下拉刷新/上拉加载插件

    闲来无事,写了一个当下比较常见的下拉刷新/上拉加载的jquery插件,代码记录在这里,有兴趣将代码写成插件与npm包可以留言. 体验地址:http://owenliang.github.io/pull ...

  9. mui上拉加载

    最近在做移动端的项目,用到了mui的上拉加载,整理如下: 1.需要引入的css.js <link rel="stylesheet" href="common/mui ...

随机推荐

  1. DNF抽奖活动

    活动内容: DNF用户在注册页面注册获得抽奖资格(或分享好友注册)参与抽奖,产生奖品后,活动参与用户,在活动领奖页面领取奖品,金币及点券需填写相应游戏区服.qq号等信息,并且为防止活动刷子,在领取页提 ...

  2. 一键获取Android的appActvity和PackName

    大家平常写Appium自动化时,可能写脚本半小时,得有5分钟用来去看Activity,大部分都是通过adb命令的方式来获取.为了提高效率,可以把这个命令放到python里去执行,然后根据规则去筛选出自 ...

  3. D3.js 动画 过渡效果 (V3版本)

    一 . 过渡的启动   启动过渡效果,与以下四个方法相关:   d3.transition([selection],[name]) //创建一个过渡对象.但是由于每个选择集中都有transition( ...

  4. NetCore2.2使用Nlog自定义日志写入路径配置方式

    在一些特定场景的业务需求下,日志需要写入到不同的路径下提供日志分析.第一种:默认Nlog可以通过日志级别来区分路径,——优点是不需要额外配置,开箱即用——缺点是不够灵活,如果超过级别数量,则不满足需求 ...

  5. ARM 汇编 数据处理指令

    一. 如何把数据放到寄存器中 1. 数据搬移指令 mov  , mvn 1)  指令格式:<opcode><cond>{s}   Rd,  operand     <操作 ...

  6. http/tcp/ip/端口

    http是www服务器和本地浏览器之间传输超文本的协议. 每一台机器都有一个属于自己的ip地址,计算机也需要知道是哪个程序来接受信息,这里也就引入了端口号,可以简单地理解每一个程序都有一个唯一的端口号 ...

  7. shell脚本将命令的结果赋值给变量的2种写法

    Shell 也支持将命令的执行结果赋值给变量,常见的有以下两种方式: variable=`command`variable=$(command) 第一种方式把命令用反引号` `(位于 Esc 键的下方 ...

  8. quartz的使用(三)

    1.在数据源数据库中执行下载的quartz的sql语句(创建11张表),其中表头qrtz_可以在在配置文件中更改,对应表创建时更改org.quartz.jobStore.tablePrefix=qrt ...

  9. vue-cli 新手 搭建项目 一

     新手入坑vue 搭建项目  一.安装 vue-cli 1.打开cmd 输入命令(已自行安装好npm node等) npm install --global vue-cli  (全局安装) 二.创建项 ...

  10. 使用Process子类创建进程

    #_author:来童星#date:2019/12/17# 使用Process子类创建进程from multiprocessing import Processimport timeimport os ...