<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. 如果手工启动chromedriver

    使用selenium模拟登陆网站时,有些网站会识别chrome driver里的json信息,从而判断是不是爬虫程序,做到反爬效果.(比如知乎) 下面说明下怎么手动启动chromedriver 1). ...

  2. 通过反射来创建对象?getConstructor()和getDeclaredConstructor()区别?

    1. 通过类对象调用newInstance()方法,适用于无参构造方法: 例如:String.class.newInstance() public class Solution { public st ...

  3. wc - 输出文件中的字节数、单词数、行数

    SYNOPSIS 总览 wc [选项列表]... [文件名列表]... DESCRIPTION 描述 对每个文件输出行.单词.和字节统计数,如果指定了多于一个文件则还有一个行数的总计.没有指定文件或指 ...

  4. Codeforces 1140E DP

    题意:给你一个数组,如果数组中的某个位置是-1那就可以填1到m的数字中的一个,但是要遵守一个规则:不能出现长度为奇数回文的子串,问合法的填法有多少种? 思路:不出现长度为奇数的回文子串,只需不出现长度 ...

  5. PHP - 实现 strStr()

    实现 strStr() 函数. 给定一个 haystack 字符串和一个 needle 字符串,在 haystack 字符串中找出 needle 字符串出现的第一个位置 (从0开始).如果不存在,则返 ...

  6. (一)环境搭建——Django

    实验环境准备: 安装django # cmd中 pip install Django 第一个django项目HelloWorld # 在D:/Python test 下创建一个helloworld项目 ...

  7. java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoa

    最近运行ssm项目遇到tomcat启动报错: 解决办法,右击项目选择properties 在Deployment Assembly  add 选择maven dedependencies 项目成功运行 ...

  8. EF批量添加

    1.首先,打开工具——NuGet包管理器——管理解决方案的NoGet程序包——搜索Z.EntityFramework.Extensions 点击安装!!! codefirst定义一个实体,用EF的方法 ...

  9. JAVA错误:Exception in thread "main" java.lang.NullPointerException

    JAVA错误:Exception in thread "main" java.lang.NullPointerException例如: Exception in thread &q ...

  10. Ruby 安装 – Unix

    Ruby 安装 - Unix 下面列出了在 Unix 机器上安装 Ruby 的步骤. 注意:在安装之前,请确保您有 root 权限. 下载最新版的 Ruby 压缩文件.请点击这里下载. 下载 Ruby ...