当前位置: 首页 > news >正文

ajax php 点击加载更多

前端部分:

js:

$(function ()
{
    $('.get_more').click(function ()
    {
        if($(this).text()=='没有更多了'){return false;} //停止加载
        var list_num = $('.list').length;  //获取当前总条数
        var amount = 3 ; //每次点击加载条数
        $(this).text('').append("<img src='images/loader.gif'>");
        $.post('more.php',{list_num:list_num,amount:amount},function (result){ if(result=='not_more'){$('.get_more').text('没有更多了');}else{$('.get_more').text('查看更多记录'); $('#record_box').append(result);}})
        
        
    })
})

 

html:

<div class="title">
<a href="javascript:history.go(-1)"><img src="images/back.png"></a>资金明细
</div>
<div id="record_box">

    <%foreach from=$userInfo_arr key=key item=value%>
    <div class="list">
        <div class="left"><%$value.type_ch%><br><%$value.time%></div>
        <div class="right"><span class="<%$value.type_en%>"><%if $value.type_en=='plus'%>+<%elseif $value.type_en=='reduce'%>-<%/if%><%$value.amount%>元</span></div>
    </div>
    <%/foreach%>
    <%if $userInfo_arr%>
    <div class="get_more">查看更多记录</div>
    <%else%>
    <div class="null">没有相关记录</div>
    <%/if%>
</div>

 

后端部分:

php:

$list_num = $_POST['list_num'];  //记录条数
$amount = $_POST['amount'];      //一次查询多少条

$sql = 'SELECT * FROM '.$GLOBALS['ecs']->table('app_user_payrecord')."WHERE mobile = '$mobile' ORDER BY id DESC LIMIT $list_num,$amount";
$userInfo = $GLOBALS['db']->getAll($sql);

if(empty($userInfo))
{
    echo 'not_more';
}else
{
    for($i=0;$i<count($userInfo);$i++)
    {
    $type_ch = $userInfo[$i]['type_ch'];
    $time = $userInfo[$i]['time'];
    $type_en = $userInfo[$i]['type_en'];
    $amount = $userInfo[$i]['amount'];
    switch ($type_en) {
        case 'reduce':
            $symbol = '-';
            break;
        case 'plus':
            $symbol = '+';
            break;
    }
    echo <<<Eof
    <div class="list">
        <div class="left">{$type_ch}<br>{$time}</div>
        <div class="right"><span class="{$type_en}">{$symbol}{$amount}元</span></div>
    </div>
Eof;
    };

}

转载于:https://www.cnblogs.com/haohaosky/p/6379882.html

相关文章:

  • 【VS开发】ClientToScreen 和ScreenToClient 用法
  • 简单获取CDN背后网站的真实IP
  • jquery 简单实现tab切换
  • int的最大最小值补码原码转换
  • Js 跨域CORS报错 Response for preflight has invalid HTTP status code 405
  • Spring随笔(01)
  • 全屏显示
  • pickle使用及案例
  • 改变this指向
  • mac 自定义脚本命令
  • sdk相关
  • 去掉IE提示:internet explorer 已限制此网页运行脚本或Activex控件
  • TCP与UDP
  • 领域驱动设计-划分界限上下文
  • 凹凸相对论
  • 《Java编程思想》读书笔记-对象导论
  • 03Go 类型总结
  • Bootstrap JS插件Alert源码分析
  • E-HPC支持多队列管理和自动伸缩
  • go append函数以及写入
  • idea + plantuml 画流程图
  • javascript 总结(常用工具类的封装)
  • miniui datagrid 的客户端分页解决方案 - CS结合
  • Redis提升并发能力 | 从0开始构建SpringCloud微服务(2)
  • 类orAPI - 收藏集 - 掘金
  • 通信类
  • 走向全栈之MongoDB的使用
  • AI又要和人类“对打”,Deepmind宣布《星战Ⅱ》即将开始 ...
  • 东超科技获得千万级Pre-A轮融资,投资方为中科创星 ...
  • ​DB-Engines 12月数据库排名: PostgreSQL有望获得「2020年度数据库」荣誉?
  • (Git) gitignore基础使用
  • (附源码)计算机毕业设计SSM保险客户管理系统
  • (六)库存超卖案例实战——使用mysql分布式锁解决“超卖”问题
  • (转)EOS中账户、钱包和密钥的关系
  • (转)jdk与jre的区别
  • (转)人的集合论——移山之道
  • @vue/cli 3.x+引入jQuery
  • [AMQP Connection 127.0.0.1:5672] An unexpected connection driver error occured
  • [bzoj2957]楼房重建
  • [BZOJ4566][HAOI2016]找相同字符(SAM)
  • [C++][数据结构][算法]单链式结构的深拷贝
  • [C++]STL之map
  • [ChromeApp]指南!让你的谷歌浏览器好用十倍!
  • [Docker]十二.Docker consul集群搭建、微服务部署,Consul集群+Swarm集群部署微服务实战
  • [Fri 26 Jun 2015 ~ Thu 2 Jul 2015] Deep Learning in arxiv
  • [HackMyVM]靶场 VivifyTech
  • [hdu4622 Reincarnation]后缀数组
  • [Java算法分析与设计]--线性结构与顺序表(List)的实现应用
  • [LeetCode]284. Peeking Iterator(C++,类,暴力)
  • [LeetCode]—Copy List with Random Pointer 深度复制带“任意指针”的链表
  • [lesson17]对象的构造(上)
  • [Linux]文件基础-如何管理文件
  • [NOIP 2015] Day.1 T1 神奇的幻方 [模拟]
  • [Oh My C++ Diary]怎样用cmd运行exe控制台程序
  • [POI2006] OKR-Periods of Words——最大周期长度(扩展最小周期长度)