社区服务 统计排行 帮助
  • 866阅读
  • 0回复
2245261870 离线

显示用户信息 

倒序阅读   只看楼主      楼主  发表于: 2016-07-19
更多操作

php+ajax 加载更多 附源码

jQuery 1.72版本
重要插件:jquer.more.js

源码分析
<div class="single_item">
                        <div class="element_head">
                            <div class="date"></div>
                            <div class="uid"></div>
                        </div>
                        <div class="title"></div>
                        <div class="content"></div>
</div>



这里的class名称 要和data.php 返回的数组名称一致。
data.php
<?php
require_once('connect.php'); 
 
$last = $_POST['last']; 
$amount = $_POST['amount']; 
 
$query = mysql_query("select * from w order by id desc limit $last,$amount"); 

while ($row = mysql_fetch_array($query)) {
    
    $lists[] = array( 
        'title' => "标题:<a href='http://www.yowao.com/".$row['id'].".html' target='_blank'>".$row['title']."</a>", 
        'uid' => "ID:".$row['id'], 
        'date' => "时间:".$row['addtime'], 
        'content' => "内容:".$row['content']
    ); 
} 

echo json_encode($lists);


jquery.more.js相关API
参数     描述     默认值
amount     每次显示记录数     10
address     请求后台的地址     -
format     数据传输格式     json
template     html记录DIV的class属性 .single_item     -
trigger     触发加载更多记录的class属性 .get_more     -
scroll     是否支持滚动触发加载     false
offset     滚动触发加载时的偏移量     100


效果图
附件: php-ajax.zip (37 K) 下载次数:0
评价一下你浏览此帖子的感受

精彩

感动

搞笑

开心

愤怒

无聊

灌水
更多
描述
快速回复

批量上传需要先选择文件,再选择上传
 回复后跳转到最后一页