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

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

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

html代码:

 1 <div id="more">  
 2      <div class="single_item">  
 3            <div class="element_head">  
 4                <div class="date"></div>  
 5                <div class="author"></div>  
 6             </div>  
 7             <div class="content"></div>  
 8      </div>  
 9      <a href="javascript:;" class="get_more">::点击加载更多内容::</a>  
10 </div>


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

1 <script type="text/javascript" src="jquery.js"></script>  
2 <script type="text/javascript" src="jquery.more.js"></script>
3 $(function(){  
4     $('#more').more({'address': 'data.php'})  
5 });


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

 1 require_once('connect.php'); 
 2  
 3 $last = $_POST['last']; 
 4 $amount = $_POST['amount']; 
 5  
 6 $query = mysql_query("select * from article order by id desc limit $last,$amount"); 
 7 while ($row = mysql_fetch_array($query)) { 
 8     $sayList[] = array( 
 9         'title' => "<a href='http://www.xxx.com/".$row['id'].".html' target='_blank'>".$row['title']."</a>", 
10         'author' => $row['id'], 
11         'date' => date('m-d H:i', $row['addtime']) 
12     ); 
13 } 
14 echo json_encode($sayList);


本文转自:https://www.sucaihuo.com/php/380.html 转载请注明出处!

posted on 2019-09-16 11:21 mrlime 阅读(...) 评论(...) 编辑 收藏

转载于:https://www.cnblogs.com/mrlime/p/11526369.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/461378.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

单反使用知识

内容整理于网络 http://academy.fengniao.com/393/3935386_all.html http://dcdv.zol.com.cn/243/2430148_all.html 单反品牌和型号 大部分是佳能、尼康&#xff0c;几乎中低端市场全是这两品牌&#xff0c;另外还有索尼、奥林巴斯、宾得等。对于佳能&#xff0c;一位数D为专…

elementui的css文件没有引入_Python中引入模块详细介绍,使用模块的过程中注意事项教程...

​为此 Python 提供了一个办法&#xff0c;把这些定义存放在文件中&#xff0c;这个文件被称为模块。模块是一个包含所有你定义的函数和变量的文件&#xff0c;其后缀名是.py。模块可以被别的程序引入&#xff0c;以使用该模块中的函数等功能。你也许还想到&#xff0c;如果不同…

猫:君主般的眼神 监视领地。 狗

转载于:https://www.cnblogs.com/imihiroblog/archive/2013/02/04/2891326.html

Linux进程编程1——与“进程”相关的常识

以下内容源于网络资源的学习与整理&#xff0c;如有侵权请告知删除。 一、进程的概述 进程&#xff0c;是指一个具有独立功能的程序关于某个数据集合的一次可以并发执行的运行活动&#xff0c;是处于活跃状态的计算机程序&#xff0c;是系统进行资源分配和调度的基本单位。进程…

在成长中遇到的挫折事件对你的影响_多种语言环境中成长的宝宝,会影响说话早晚?其实没有想象的复杂...

关于用多种语言抚养孩子的案例比比皆是&#xff0c;但并不是所有的父母都鼓励这样做&#xff0c;他们被告知这会导致孩子混乱和语言延迟&#xff0c;使他们错过机会之窗。以下是最常见的案例&#xff0c;以及把孩子培养成双语者背后的真实故事。误解一、与多种语言一起长大会使…

C#求数组中元素的全排列

2019独角兽企业重金招聘Python工程师标准>>> 1.算法描述 全排列的第一项是该数组的升序排列&#xff0c;最后一项是该数组的降序排列。本文中用到的了一个函数FindNextArray&#xff1a;从升序排列开始&#xff0c;不断使用函数FindNextArray&#xff0c;可以遍历全…

PHP+Ajax手机移动端发红包实例

PHPAjax手机移动端发红包实例 基本流程&#xff1a;当输入完红包数量和总金额后&#xff0c;PHP会根据这两个值进行随机分配每个金额&#xff0c;保证每个人都能领取到一个红包&#xff0c;且每个红包金额不等&#xff0c;并且所有红包金额总额等于总金额。 实现原理&#xff1…

BIOS误删win10引导 delete boot option如何恢复

BIOS误删win10引导 delete boot option如何恢复 其他系统也可以用来参考,解决只是将原来的配置加回去而已 倒了血霉 说个原则,希望大家在发现错误之后第一时间是保护现场不要乱动,如果在百度或别的地方找到了解决方案,先百度一下这个解决方案是否可行,不然不要轻易尝试,这些解决…

fir fpga 不同截止频率_一种新的FIR滤波器系数量化方法

相对于模拟滤波器&#xff0c;数字滤波器具有高精度、高可靠性、可编程改变滤波特性、便于集成等一系列优点&#xff0c;并且理论上可实现近似理想频率特性的滤波性能。经典的数字滤波器主要包括有限脉冲响应(Finite Impulse Response&#xff0c;FIR)滤波器和无限脉冲响应(Inf…

Linux进程编程3——守护进程

以下内容源于网络资源的学习与整理&#xff0c;如有侵权请告知删除。 一、守护进程介绍 1、进程查看命令ps ps -ajx偏向显示各种有关的ID号&#xff1b;ps -aux偏向显示进程各种占用资源 2、&#xff08;用于向进程发送信号的&#xff09;指令kill “kill -信号编号 进程ID”&a…

pandas用众数填充缺失值_python数据分析包|Pandas-02之缺失值(NA)处理

本篇详解pandas中缺失值&#xff08;Missing data handling&#xff09;处理常用操作。缺失值处理常用于数据分析数据清洗阶段&#xff1b;Pandas中将如下类型定义为缺失值&#xff1a;NaN: ‘’, ‘#N/A’, ‘#N/A N/A’, ‘#NA’, ‘-1.#IND’, ‘-1.#QNAN’,‘-NaN’, ‘-na…

系统设计学习

2019独角兽企业重金招聘Python工程师标准>>> 这里原帖地址: http://www.mitbbs.com/article_t/JobHunting/32492515.html 以下为转载内容 我是分割线 稍微总结一下1. 入门级的news feedhttp://www.quora.com/What-are-best-practices-for-building-somethttp://w…

编码 括号_Java编码规范整理汇总

来源&#xff1a;博学谷 作者&#xff1a;照照在Java的入门过程中&#xff0c;我们首先要养成一个良好的编写代码习惯。那么&#xff0c;了解清楚Java的编码规范就显得尤为必要了。编码格式不仅仅是美不美观的问题。这里我们可以试想一下&#xff0c;如果在Java开发中编码不规范…

rabbitmq消息队列,消息发送失败,消息持久化,消费者处理失败相关

转&#xff1a;https://blog.csdn.net/u014373554/article/details/92686063 项目是使用springboot项目开发的&#xff0c;前是代码实现&#xff0c;后面有分析发送消息失败、消息持久化、消费者失败处理方法和发送消息解决方法及手动确认的模式 先引入pom.xml <!--rabbitmq…

基于nginx实现缓存功能及uptream模块详细使用方法

基于nginx实现缓存功能及uptream模块详细使用方法一般情况下&#xff0c;前端使用nginx做代理或7层负载并向后实现varish/squid做cache server的效果要好的多nginx与squid做缓存比较nginx比squid有着巨大的优势表现在&#xff1a;nginx是异步假如后端的web服务器&#xff0c;当…

linux中的信号1——进程如何处理信号?

以下内容源于朱有鹏嵌入式课程的学习与整理&#xff0c;如有侵权请告知删除。 一、信号概述 1、信号是内容受限的一种异步通信机制 &#xff08;1&#xff09;信号的目的&#xff1a;用来进程间通信&#xff08;IPC&#xff09;、进程和内核间的通信。 &#xff08;2&#xff…

单片机oled显示浮点数函数_问中文编程在单片机上实现一个电子时钟,总共有几步?...

首先介绍开发一下语言&#xff1a;mcuScript&#xff0c;他是一个支持同时支持中文编程和英文编程的弱数据类型的脚本语言。相关介绍可参考前面的两篇文章:彭贞&#xff1a;mcuScript一个洋名字的中文(汉语)编程语言&#xff0c;初体验​zhuanlan.zhihu.com彭贞&#xff1a;mcu…

RabbitMQ的消息确认机制

转&#xff1a;https://www.toutiao.com/a6583957771840913934/?tt_frommobile_qq&utm_campaignclient_share&timestamp1532999387&appnews_article&utm_sourcemobile_qq&iid39062783162&utm_mediumtoutiao_android 一&#xff1a;确认种类 RabbitMQ的…

javascript 文件的同步加载与异步加载

原文:[转载]javascript 文件的同步加载与异步加载HTML 4.01 的script属性 charset: 可选。指定src引入代码的字符集&#xff0c;大多数浏览器忽略该值。 defer: boolean, 可选。延迟脚本执行&#xff0c;相当于将script标签放入页面body标签的底部&#xff0c;js脚本会在docume…

linux中的信号2——alarm、pause函数

以下内容源于朱有鹏嵌入式课程的学习与整理&#xff0c;如有侵权请告知删除。 1、alarm函数 函数原型 函数说明 &#xff08;1&#xff09;内核以API形式提供的闹钟&#xff1b; &#xff08;2&#xff09;可以为当前进程定义闹钟&#xff0c;时间到了会发出SIGALRM信号。 &…