文档章节

PHP+Ajax点击加载更多列表数据实例

ymkjs1990
 ymkjs1990
发布于 09/22 21:14
字数 367
阅读 11
收藏 0

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

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>
$(function(){  
    $('#more').more({'address': '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.xxx.com/".$row['id'].".html' target='_blank'>".$row['title']."</a>", 
        'author' => $row['id'], 
        'date' => date('m-d H:i', $row['addtime']) 
    ); 
} 
echo json_encode($sayList);

 

本文转载自:https://www.sucaihuo.com/php/380.html

ymkjs1990
粉丝 0
博文 15
码字总数 0
作品 0
河源
私信 提问
Android 中 ListView 分页加载数据

熟悉Android的朋友们都知道,不管是微博客户端还是新闻客户端,都离不开列表组件,可以说列表组件是Android数据展现方面最重要的组 件,我们今天就要讲一讲列表组件ListView加载数据的相关内...

Taki
2012/08/13
463
0
Android 中 ListView 分页加载数据

熟悉Android的朋友们都知道,不管是微博客户端还是新闻客户端,都离不开列表组件,可以说列表组件是Android数据展现方面最重要的组 件,我们今天就要讲一讲列表组件ListView加载数据的相关内...

鉴客
2011/10/26
21.3K
9
Flutter可滚动Widgets-ListView

ListView 先看下如下截图 以上效果图的代码,是从官方demo内copy的部分代码。 首先,首先定义一个列表,代码如下 然后,通过上面的定义的列表数据,现在构建的子Widget数据,代码如下 最后,...

Yuzo
05/13
0
0
优雅的实现多类型RecyclerView Adapter

点击上方蓝字,关注我们哦!! 魏子翔,2017年加入去哪儿网技术团队,目前在平台事业部/大前端技术中心,主要负责Android平台的基础框架和跨端混合应用方向研发。关注前沿技术,热爱分享,拥...

Qunar技术沙龙
2018/12/04
0
0
Android 动态加载 ListView 实现

首先讲原理: ListView 可以设置一个滚动监听器 android.widget.AbsListView.setOnScrollListener(OnScrollListener l) 有个方法 public void onScroll(AbsListView view, int firstVisibleI......

天使之翼-正版
2013/07/04
5.5K
7

没有更多内容

加载失败,请刷新页面

加载更多

nginx学习笔记

中间件位于客户机/ 服务器的操作系统之上,管理计算机资源和网络通讯。 是连接两个独立应用程序或独立系统的软件。 web请求通过中间件可以直接调用操作系统,也可以经过中间件把请求分发到多...

码农实战
今天
5
0
Spring Security 实战干货:玩转自定义登录

1. 前言 前面的关于 Spring Security 相关的文章只是一个预热。为了接下来更好的实战,如果你错过了请从 Spring Security 实战系列 开始。安全访问的第一步就是认证(Authentication),认证...

码农小胖哥
今天
12
0
JAVA 实现雪花算法生成唯一订单号工具类

import lombok.SneakyThrows;import lombok.extern.slf4j.Slf4j;import java.util.Calendar;/** * Default distributed primary key generator. * * <p> * Use snowflake......

huangkejie
昨天
12
0
PhotoShop 色调:RGB/CMYK 颜色模式

一·、 RGB : 三原色:红绿蓝 1.通道:通道中的红绿蓝通道分别对应的是红绿蓝三种原色(RGB)的显示范围 1.差值模式能模拟三种原色叠加之后的效果 2.添加-颜色曲线:调整图像RGB颜色----R色增强...

东方墨天
昨天
11
1
将博客搬至CSDN

将博客搬至CSDN

算法与编程之美
昨天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部