头像

PHP+Ajax点击加载更多内容【原创

来源:http://www.jct-monitor.com/js/380.html 18***38 2015-08-20 21:45浏览(14074) 收藏

点击加载更多实现原理:通过“更多”按钮向服务端发送Ajax请求,PHP根据分页参数查询将最新的几条记录,数据以JSON形式返回,前台Query解析JSON数据,并将数据追加到列表页。其实也是Ajax分页效果。
PHP+Ajax点击加载更多内容
分类:PHP > Ajax 难易:中级

程序员,你不是一个人;网站开发QQ群:35248186,在线充值,或联系QQ2589223951直接充值

查看演示 下载资源: 1057 下载资源 下载积分: 260 积分

HTML

<div id="more"> 
     <div class="single_item"> 
           <div class="element_head"> 
               <div class="date"></div> 
               <div class="author"></div> 
            </div> 
            <div class="content"></div> 
     </div> 
     <a href="javascript:;" class="get_more">::点击加载更多内容::</a> 
</div>

引入jQuery插件和jquery.more.js加载更多插件

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.more.js"></script>

jQuery

$(function(){ 
    $('#more').more({'address': 'data.php'}) 
});

data.php

data.php接收前台页面提交过来的两个参数,$_POST['last']即开始记录数,$_POST['amount']即单次显示记录数,看SQL语句就明白,其实就是分页中用到的语句。

require_once('connect.php');

$last = $_POST['last'];
$amount = $_POST['amount'];

$query = mysql_query("select * from article order by id desc limit $last,$amount");
while ($row = mysql_fetch_array($query)) {
    $sayList[] = array(
        'title' => "<a href='http://www.jct-monitor.com/js/".$row['id'].".html' target='_blank'>".$row['title']."</a>",
        'author' => $row['id'],
        'date' => date('m-d H:i', $row['addtime'])
    );
}
echo json_encode($sayList);

jquery.more.js相关API

参数 描述 默认值
amount 每次显示记录数 10
address 请求后台的地址 -
format 数据传输格式 json
template html记录DIV的class属性 .single_item -
trigger 触发加载更多记录的class属性 .get_more -
scroll 是否支持滚动触发加载 false
offset 滚动触发加载时的偏移量 100
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.jct-monitor.com/js/380.html
最新交易
评论21
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 2589223951

  • 头像 20楼
    05-31 18:12
    Ah***c.
    我专门来下载来了
  • 头像 19楼
    04-27 12:11
    ba***tk
    好是好,下载了.
  • 头像 18楼
    09-29 10:33
    29***93
    太实用的好东西!
  • 头像 17楼
    09-25 11:51
    14***33
    标签页动态加载用用
  • 头像 16楼
    09-01 09:33
    谢云***11
    我很喜欢这个效果
  • 头像 15楼
    08-26 21:14
    ha***xi
    记录一下。。。
  • 头像 14楼
    08-26 16:50
    so***gr
    你好 如果是多个标签页动态加载怎么办
  • 头像 13楼
    07-22 21:44
    ho***zy
    留个记号备用
  • 头像 12楼
    07-21 11:35
    26***om
    我的天呐
  • 头像 11楼
    07-08 17:47
    ch***un
    我的天呐,只能在PHP里把链接写进去了
1 2
豪门彩票 www.088780.com-彩名堂计划4.0| www.089921.com-中国福彩网招代理| www.040705.com-华夏彩票平台合法吗| www.67644.com-网络彩票输了怎么办| www.035203.com-体彩4串4-| www.246818.com-今日彩票快3| www.506312.com-如何赌网络快三| www.641244.com-体彩标志图案| www.58986.cc-体彩七星彩34期| www.722779.com-全国第一盛兴彩票| www.56305.com-汇丰彩票平台骗局| www.616218.com-竞彩篮球3串3| www.100650.com-乐彩客ios版本| www.460024.com-懂彩帝比分-| www.249766.com-c彩61app-| www.400705.com-七星彩的图子| www.713706.com-河北快三走是图| www.336340.com-彩票网站提现不了| www.675005.com-四川福彩中心电话| www.802013.com-体福彩开奖查询| www.927733.com-极速快三直播| 吉利彩票www.66376s.com| www.540660.com-谁驾着七彩祥云| 彩票坊www.022o.cc| www.612526.com-3b彩票开奖号| www.921157.com-福利彩票走势图3d| www.7342.top-彩虹6号在哪里下载| www.px85.com-海拔彩票下载| www.318863.com-福彩三d和值遗漏| www.543607.com-福彩3d计划-| www.700467.com-足彩怎么看-| www.841815.com-福利彩票最近| www.953407.com-乐彩平台被骗| www.cm01.com-搜索福彩三b之家| www.08vt.com-彩票中奖人物| www.358876.com-体彩七位数中六位| www.445882.com-福彩双色球专家分析| www.536410.com-编程实现彩票走势图| www.617702.com-燕赵风釆福彩| www.681693.com-用手机买彩票可靠吗| www.990975.com-彩票猫腻-| www.lg99.cc-正规分分中彩票| www.18tt.com-七乐彩周末开奖吗| www.386723.com-312彩彩票平台| www.6146.cm-中圆彩票-| www.001687.com-网上福利彩票靠谱吗| www.101963.com-彩59-| www.397913.com-昨晚开什么奖七星彩| www.570236.com-3hkcc香港好彩| www.731533.com-go彩网手机版| www.899829.com-下载彩81彩票软件| 幸运彩票www.326366.com| www.907151.com-快三买和值稳赚吗| www.978185.com-福彩3d银海工作室| www.6sn.cc-商店送彩票广告| www.53lr.com-高频快三-| www.423.in-97彩票网官方网站| www.4262.top-亏损分红的彩票平台| www.844075.com-飞腾彩票app| www.82bp.com-体彩的大乐透玩法| www.611880.com-彩票销售点加盟| www.698293.com-吉林快三全天计划群| www.366789.cc-儿童彩铅画基础教程| www.xc30.com-360七星彩冷热号| www.088079.com-亿彩官网下载安装| www.160573.com-福彩pk10靠谱吗| www.sh81.cc-重庆五分彩开奖官网| www.964207.com-彩票追加与加倍| www.cp906.com-百姓彩票骗局| www.pp22.com-668彩票网app| www.02bs.com-3分时时彩软件下载| www.ng01.com-小米彩票app下载| www.32ud.com-南宁彩票站转让信息| www.995719.com-足彩一直买平局| www.cd53.com-高频彩平台出租| www.498869.com-购彩网app邀请码| www.569325.com-双彩网三句话| www.233410.com-快中彩开奖结果查询| www.377237.cc-结婚因为彩礼钱多| www.475966.cc-北控国彩加盟| www.545646.com-青岛彩票站转让信息| www.612986.com-新加坡六星彩| www.672955.com-体彩千禧试机号查询| www.745669.com-彩票案件1360亿| www.811632.com-排列三双彩论坛| www.875050.com-彩吧图谜第3d全图| www.953918.com-瑞祥祥云彩票合法么| www.997520.com-下载内蒙快三| www.ml8.cc-吉林省体彩中心在哪| www.464095.com-体彩平台是不是骗局| www.540350.com-境外足彩-| www.607161.com-教育台福彩开播| www.667769.com-中国福利彩票授权| www.75yc.com-越南高频彩票| www.1190.xyz-彩神争霸软件下载| www.55498.com-浙江11选五爱乐彩| www.020238.com-网易彩票官方网站| www.530089.com-广东体彩论坛| www.662296.com-重慶时时彩官网| www.562.cm-易彩彩民福地登录| www.008098.com-体彩排列三预测总汇| www.107569.com-苹果彩票手机| www.190419.com-快三真的能赚钱吗| www.265686.com-安徽快三彩票店| www.576267.com-福彩3d天宇系列图| www.655667.com-m8彩票坑人-| www.38517.cc-e彩乐-| www.3662.com-万彩吧六肖十八码| www.19.biz-体彩即开彩票有什么| www.41644.com-彩神彩票平台| www.632810.com-彩票签到领红包| www.969956.com-高频彩走势网易| www.87st.com-澳门十分彩-| www.74975.com-久久彩票网官方端口| www.122504.com-香港的彩金是真的吗| www.8965.vip-彩票计划网站怎么做| www.771191.com-彩虹儿童画图片| www.525276.com-湖北体彩快3| www.625647.com-长城彩印刷有限公司| www.720999.com-袁老师福彩3d| www.792848.com-阜阳市彩票兑奖中心| www.863440.com-彩客网旧版-| www.918291.com-重庆彩票网-| www.971193.com-彩票快三概率计算| 68彩票www.68689q.com| www.6385.vip-三星彩票下载安装| www.17691.com-老快三遗漏360| www.006939.com-体彩开将结果| www.506026.com-网络赌快三赢钱| www.616895.com-福利快乐彩开奖结果| www.718933.com-彩虹羽泉-| www.805133.com-七乐彩3等奖多钱| www.886931.com-大马彩票违法吗| www.974245.com-七乐彩设奖方案| www.04jm.com-半边橙子彩铅手绘| www.86nd.com-乐彩幸运快三| www.4837.cc-好友彩票登录网址| www.10192.com-中彩网双擂台赛| www.098763.com-福彩3d和值图走势| www.dy39.com-吉林快三盘有鬼吗| www.uh65.com-易盈彩票安卓版| www.0063.cc-买彩票哪种好中奖| www.8228.cc-福彩网助手-| www.812349.com-开头带彩字四字成语| www.073403.com-一分时时彩计划最准| www.128844.com-全民中彩票大发快三| www.214418.com-彩票店怎么开| www.286143.com-福彩体彩开奖号码| www.355152.com-神彩彩票网址| www.409755.com-亿菲彩票官方网站| www.507352.com-十一彩票放假吗| www.571266.com-743期期好彩下载| www.657450.com-体彩昨晚开奖| www.720338.com-七星彩高频技巧| www.796058.com-优盈彩票注册| www.880948.com-人人网彩票靠谱么| www.943766.com-百胜国际彩票情况| www.992977.com-精彩资讯-| www.cr91.cc-广西福彩快三选号器| www.yg64.com-广东竞彩快三查询| www.793052.com-绵阳福彩在线直播| www.7326.biz-彩虹六号免费辅助| www.39599.cc-中彩在线娱乐| www.143548.com-福彩网提现-|