<div class="bus-nav-bar ft12"><div class="navt bor-r-c pos-rel {if $int == 0}fwbold{/if}"><a href="portal.php?mod=merchant&action=voucherlist&int=0">全部订单</a><em class="pos-abs"></em></div><div class="navt bor-r-c pos-rel {if $int == 7}fwbold{/if}"><a href="portal.php?mod=merchant&action=voucherlist&int=7">最近7天订单</a><em class="pos-abs"></em></div><div class="navt pos-rel {if $int == 30}fwbold{/if}"><a href="portal.php?mod=merchant&action=voucherlist&int=30">最近一个月订单</a><em class="pos-abs"></em></div>
</div>
<div class="bus94 m-0-auto" id="vlist"><ul class="busbox ft12"><li class="headh2">消费确认码:<span class="checkcode"></span></li><li class="headh2">电 子 串 码:<span class="password"></span></li><li class="headh2">商 品 名 称:<span class="productname"></span></li><li class="headh2">商 品 价 格:¥<span class="price"></span></li><li class="headh2">验 证 时 间:<span class="checktime"></span></li></ul><div id="get_more" class="txtcent button ft12">更多</div>
</div><script type=text/javascript src="{STATICURL}js/mobile/jquery.more.js"></script>
<script type="text/javascript">jQuery(function() {jQuery('#vlist').more({"url": 'portal.php?mod=ajax&do=mvoucher',"data":{"int":"{$int}"},"template": ".busbox","trigger": "#get_more"});});
</script>

  

php代码

//手机商户已验证代金券列表$int = intval($_GET['int']);$int = in_array($int, array(0,7,30)) ? $int : 0;$params = null;if($int == 7){$params = array('starttime'=>date("Y-m-d",strtotime("-7days")));}elseif($int == 30){$params = array('starttime'=>date("Y-m-d",strtotime("-30days")));}$last = intval($_GET['last'])/5 + 1;$data = merchant_checked_list(107, $params, 5, $last);if($data && $data['data']){foreach($data['data'] as $key => $value){$data['data'][$key]['password'] = decrypt($value['password']);$data['data'][$key]['price'] = deal_money($value['price']);$data['data'][$key]['checktime'] = date('Y-m-d H:i:s', $value['checktime']);}echo json_encode($data['data']);}

  jquery.more.js

/*** 调用参数,方法如:$('#more').more({'url': 'data.php'});* amount  :'10'           每次显示记录数* url :'comments.php'     请求后台的地址* data:{},                自定义参数* template:'.single_item' html记录DIV的class属性* trigger :'#get_more'    触发加载更多记录的class属性* scroll  :'false'        是否支持滚动触发加载* offset  :'100'          滚动触发加载时的偏移量*/
(function($) {var target = null;var template = null;var lock = false;var variables = {'last': 0};var settings = {'amount': '8','url': '','template': '.single_item','data':{},'trigger': '#get_more','scroll': 'false','offset': '100'};var methods = {init: function(options) {return this.each(function() {if (options) {$.extend(settings, options);}template = $(this).children(settings.template).wrap('<div/>').parent();template.css('display', 'none');$(this).append('<div class="loading ft12" id="waitbox"><img src="/static/m/images/loading.gif" width="19" height="19" />载入中..</div>');$(this).children(settings.template).remove();target = $(this);if (settings.scroll == 'false') {$(this).find(settings.trigger).bind('click.more', methods.get_data);$(this).more('get_data');} else {if ($(this).height() <= $(this).attr('scrollHeight')) {target.more('get_data', settings.amount * 2);}$(this).bind('scroll.more', methods.check_scroll);}});},check_scroll: function() {if ((target.scrollTop() + target.height() + parseInt(settings.offset)) >= target.attr('scrollHeight') && lock == false) {target.more('get_data');}},remove: function() {target.children(settings.trigger).unbind('.more');target.unbind('.more');target.children(settings.trigger).remove();},add_elements: function(data) {var root = target;var counter = 0;if (data) {$(data).each(function() {counter++;var t = template;$.each(this, function(key, value) {if (t.find('.' + key))t.find('.' + key).html(value);});if (settings.scroll == 'true') {root.children('.more_loader_spinner').before(t.html());} else {root.children(settings.trigger).before(t.html());}root.children(settings.template + ':last').attr('id', 'more_element_' + ((variables.last++) + 1));});} else {methods.remove();}target.children('.more_loader_spinner').css('display', 'none');if (counter < settings.amount)methods.remove();},get_data: function() {var ile;lock = true;target.children(".more_loader_spinner").css('display', 'block');$(settings.trigger).css('display', 'none');if (typeof (arguments[0]) == 'number')ile = arguments[0];else {ile = settings.amount;}var postdata = settings.data;postdata['last'] = variables.last;postdata['amount'] = ile;$.post(settings.url, postdata, function(data) {$(settings.trigger).css('display', 'block');methods.add_elements(data);lock = false;$("#waitbox").remove();}, 'json');}};$.fn.more = function(method) {if (methods[method])return methods[ method ].apply(this, Array.prototype.slice.call(arguments, 1));else if (typeof method == 'object' || !method)return methods.init.apply(this, arguments);else$.error('Method ' + method + ' does not exist!');}
})(jQuery)

  

使用jquery.more.js来实现点击底部更多后, 底部加载出新的数据相关推荐

  1. jquery/原生js/css3 实现瀑布流以及下拉底部加载

    思路: style: <style type="text/css">body,html{margin: 0;padding:0;}#container{position ...

  2. ztree点击展开/收缩 按钮分级加载,解决数据量过大加载缓慢

    有些项目的组织机构足足有六七万多条数据,加载十分缓慢,所考虑做成分级加载. 由于本项目的ztree的树节点的点击事件已经被占用(加载组织人员),所以考虑使用ztree的 展开/收缩 (onExpand ...

  3. 点击按钮重新加载ajax,Jquery AJAX点击链接,然后重新加载页面

    我审查了其他帖子和一些帮助我,但因为我不精通JQuery或AJAX,我想确保我正在做我需要正确的.Jquery AJAX点击链接,然后重新加载页面 在我的主页(基本URL)上,我有2个不同的输出,基于 ...

  4. ajax实现简单的点击左侧菜单,右侧加载不同网页

    实现:ajax实现点击左侧菜单,右侧加载不同网页(在整个页面无刷新的情况下实现右侧局部刷新,用到ajax注意需要在服务器环境下运行,从HBuilder自带的服务器中打开浏览效果即可) 图片.png 原 ...

  5. echarts asp mysql 源码_如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)...

    ECharts地图主要用于地理区域数据的可视化,展示不同区域的数据分布信息.ECharts官网提供了中国地图.世界地图等地图数据下载,通过js引入或异步加载json文件的形式调用地图. 本文将结合实例 ...

  6. 【js】【cornerstone】cornerstone使用url方式加载图像

    [js][cornerstone]cornerstone使用url方式加载图像 引入cornerstoneWebImageLoader loadImage 引入cornerstoneWebImageL ...

  7. WIn10 Odoo10.0 解决开发环境登录后无法加载菜单,js报错

    2019独角兽企业重金招聘Python工程师标准>>> win10的开发环境,2个礼拜前发现odoo10.0 登陆后无法加载菜单和内容,打开chrome控制台发现报以下错误. Ref ...

  8. ajax的get json数据格式,jQuery / 用getJSON()方法加载JSON格式数据 - 汇智网

    加载JSON格式数据 jQuery的AJAX中使用getJSON()方法异步加载JSON格式数据.获取服务器中的数组,并对获取的数据进行解析,显示在页面中. 语法:$.getJSON(url,[dat ...

  9. JS 原生自动加载的大数据表格探索

    目录 尝试1.使用table初级实现 动态加载关键代码 效果 尝试2.使用绝对定位优化表格 效果 尝试3.绝对定位+scroll动态加载优化尝试 效果 尝试4. table + 绝对定位 + scro ...

最新文章

  1. python输出所有组合数_生成两个列表的所有组合,并在python中一一输出
  2. 【.net 深呼吸】在运行阶段修改应用配置文件
  3. 如何禁用 ASP.NET 网站的所有的 浏览器缓存 ?
  4. 前端学习(2534)vue源码解析
  5. 清华“最强本科生”揭晓!网友:我大概是来凑数的……
  6. loj#2340. 「WC2018」州区划分
  7. 阶梯英语培训学校致家长书
  8. fatal error LNK1112: module machine type 'X86' conflicts with target machine type 'x64
  9. nginx安装http2.0协议
  10. 智能家居的新想法(2022)
  11. java pdf合并_如何实用Java实现合并、拆分PDF文档
  12. 疫情时代无接触AI人脸识别技术助力智慧工地迅猛发展
  13. 计算机科学与技术考研吧,计算机科学与技术考研学校排名
  14. 安卓日志点击无反应_日志MIUI 12 20.9.22 内测更新综合资讯 “小米营业厅”内测...
  15. 手机投屏不是全屏怎么办_手机投屏不满屏怎么办
  16. 官网下载JAVA的JDK11版本(下载、安装、配置环境变量)
  17. 环境变量LC相关设置
  18. 解决win10系统桌面应用图标显示不出来的问题
  19. 解析SCUT FIR Pedestrian Dataset数据
  20. 阿里巴巴启动全面组织升级

热门文章

  1. 从hello world 说程序运行机制
  2. GridView自定义分页导航
  3. OpenMP知识点汇总
  4. 【Live555】live555源码详解(五):MediaSource、MediaSink、MediaSession、MediaSubsession
  5. 【Live555】live555源码详解(一):BasicUsageEnvironment、UsageEnvironment
  6. 【Qt】监视文件和目录的修改:QFileSystemWatcher
  7. centos java yum_CentOS7 使用yum命令安装Java SDK
  8. linux 编译mqtt静态库_编译MQTT C++ Client
  9. python利用自动识别写模块_Python 利用pytesser模块识别图像文字
  10. fsum函数测试以及分析