位置: 编程技术 - 正文

php+jquery+html实现点击不刷新加载更多的实例代码

编辑:rootadmin

推荐整理分享php+jquery+html实现点击不刷新加载更多的实例代码,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

基本原理:页面载入时,jQuery向后台请求数据,PHP通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有个“更多”链接,通过触发该链接,向服务端发送Ajax请求,后台PHP程序得到请求参数,并作出相应,获取数据库相应的记录并以JSON的形式返回给前台页面,前台页面jQuery解析JSON数据,并将数据追加到列表页。其实就是Ajax分页效果。

HTML

首先要引入jquery库和jquery.more.js插件,jquery.more.js已经将许多功能都封装好了,并提供了参数配置的功能。

xhtml结构如下:

值得一提的是,样式single_item,get_more是和jquery.more.js插件关联的,你也可以取另外的class名字,但是在配置的时候一定要将对应的class写上。

CSS

以上CSS是本例中定制的,当然,大家可以在实际项目中定制不同的样式。注意,more_loader_spinner是定义加载动画图片的。

php+jquery+html实现点击不刷新加载更多的实例代码

jQuery

使用很简单,配置了后台地址:data.php,来看data.php是怎么处理数据的。

PHP

data.php链接数据库,本例使用本站文章PHP+Mysql+jQuery实现发布微博程序--PHP篇相同的数据表。

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

然后将查询的结果以JSON格式输出,PHP的任务就完成了。

最后来看下jquery.more.js的参数配置。

本文DEMO中需要单击才能加载更多内容,接下来的文章我将会制作通过滚动条来触发加载更多内容的DOMO,敬请关注。

以上这篇php+jquery+html实现点击不刷新加载更多的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

PHP请求Socket接口测试实例 使用php读取socket接口的数据,通过php传递请求方法和请求参数,得到返回结果PHP文件:phpclassTest{constIP='.0.0.1';constport=;publicstaticfunctionmain(){header("Co

PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题 最近在设计一款产品,需要POST登录PHPWind,然而众所周知,PHPWind9(以下简称pw9)自身拥有安全策略,详情各位可以自己去phpwind官方论坛看。安全策略的存在会导

PHP 读取大文件并显示的简单实例(推荐) 使用PHP读取日志文件,当文件比较大的时候,会报内存不足,因此应该部分读取,读取指定的行数的数据PHP代码:phpclassTest{//日志路径constLOG_PATH="E:phpSe

标签: php+jquery+html实现点击不刷新加载更多的实例代码

本文链接地址:https://www.jiuchutong.com/biancheng/301569.html 转载请保留说明!

上一篇:php网页版聊天软件实现代码(php网页聊天室)

下一篇:PHP请求Socket接口测试实例(php socketio)

  • 所得税汇算清缴报告在哪查
  • 企业购买土地如何做账
  • 包装纸箱属于原材料吗
  • 企业应收款包括
  • 企业所得税汇算清缴网上申报流程
  • 工资三金是指哪三样
  • 不增税、免税、零税率的差异
  • 个体工商户有两个经营者
  • 预提费用怎么理解
  • 专用发票不报销对公司有影响吗
  • 其他应付款科目核算的内容包括
  • 收到美金没有结汇会计分录
  • PHP中set error handler函数用法小结
  • win11wifi功能消失了
  • 桌面级cpu天梯图快科技
  • 出口退税退回的税款怎么记账
  • php获取指定日期是星期几
  • 超支福利费按什么计提
  • 长期借款的业务处理
  • 单位未足额缴纳社保可以补交几年
  • 出租个人住房怎样交税
  • 非居民企业股权转让特殊性税务处理
  • php调用其他php函数
  • elementui 手机端
  • python爬虫推荐
  • javascript基础类型
  • php yii
  • ps命令显示进程状态
  • 福利费计入科目
  • 资产减值损失如何确定
  • 签劳动合同员工突然离职怎么办
  • 员工办理健康证需要什么材料
  • 公司员工餐费会计分录
  • node.js入门教程
  • 赠品没有收到
  • 工资薪金个人所得税在哪里申报
  • 商业会计与财务会计的相同
  • 工程施工和工程结算的账务处理
  • 农机免税发票能抵扣吗
  • 账面价值与计税基础的区别和联系
  • 计提费用账务处理
  • 承兑到期没兑现怎么办
  • 营业外支出会计编码
  • 城建税教育费附加什么时候交
  • 汇算清缴水电费没有发票填在哪里
  • 收到免税发票怎么做账
  • 党委经费是国家政府出吗?
  • 费用报销单和费用核销单一样吗
  • 应收利息的账务处理方法
  • 个人出租租房收什么税
  • 工程行业收到工程发票
  • 挂靠建筑公司预交的增值税如何做凭证?
  • 买水果送礼
  • 微软桌面 ios
  • Mac OS X 10.9 Mavericks系统怎么激活?
  • 主板升级bios失败怎么办
  • win7输入法图标不见了怎么恢复正常
  • 电脑怎么装双系统win10和linux
  • vmware下载不了
  • WIN10系统打开IE浏览器断网
  • win7怎么操作
  • win10安装驱动器
  • Win10 Mobile RS1预览版14267.1004 修复Lumia 550充电问题
  • 批处理setlocal
  • javascript 函数定义
  • vxlan配置实例详解
  • nodejs链接mysql
  • Clean Empty Directories on Unity3D and Git
  • 如何批量删除列表
  • linux查看shell脚本内容
  • javascript面向对象编程指南
  • js中的类是什么
  • java面向对象和Java有区别吗
  • js优化性能
  • js拖拽排序实现思路
  • 土地闲置是否需要缴纳土地使用税
  • 单位自有住房免增值税吗
  • 企业怎么成立工会组织
  • 地税跟国税是在一起吗
  • 电子税务局网页版
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设