位置: 编程技术 - 正文

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)

  • 油库存油租赁
  • 什么叫销售劳务
  • 移动发票抬头个人税号公司能报销吗
  • 银行对公回单可以在家打印吗
  • 除了缴纳的税金还有什么
  • 货到发票没到
  • 货车的车辆购置税是多少
  • 委托贷款业务涉嫌诈骗吗
  • 股权转让中土地增值是否交纳个人所得税
  • 不同外币之间的折算
  • 委托出口退税账务处理
  • 没有股权取得的分红如何交税?
  • 企业所得税怎么征收几个点
  • 合同不含税怎么算
  • 事业单位属于一级单位吗
  • 开增值税专用发票需要合同吗
  • 认缴制需要多久交完
  • 关于水利工程
  • 建筑企业增值税预缴
  • 企业的不征税收入用于支出所形成的资产,其计算的折旧
  • 个人承包集体企业违法吗
  • 工商年报的纳税总额怎么填写
  • 预提费用利息会增加吗
  • 购买加油卡怎么入账
  • 存货损失进项税
  • win10系统关机后自动开机怎么办
  • json去除某个字段
  • 关联企业承担什么责任
  • 苹果发布macOS13.5开发者预览版
  • 项目部可以直接给工人结账吗
  • iframe嵌套页面点击里面的按钮
  • 辅导期纳税人注意事项
  • php获取表单数据保存到mysql中
  • 代理服务费怎么入账
  • pycharm vue
  • javascript获取数组索引
  • php哪本书最好
  • discuz论坛安装步骤
  • 计提预付账款会计分录
  • 新增办税员需要哪些资料
  • 报建费减免
  • 过路费属于会计哪个科目
  • 不免征个人所得税的是个人转让著作权所得
  • 转回存货跌价准备的会计分录
  • 增值税抵扣联是什么意思
  • 电子税务局实名核验失败
  • 银行存款会计分录需要输入哪些内容
  • 资金紧张怎么说
  • 结转收入会计分录怎么做
  • 发货就要开票吗
  • 收到保险公司保险费会计分录
  • 免征的附加税怎么做账
  • 教育行业的成本怎么做账
  • a公司刚刚执行了一个采购项目
  • 批量游标
  • 总结下半年工作计划
  • mysql指定查询
  • wrsvn.exe是什么文件
  • 服务器文件夹共享分组
  • windows有哪些
  • ubuntu搭建go环境
  • win101607升级1909
  • sdstat.exe - sdstat是什么进程 有什么用
  • 歌词特效是怎么弄的
  • win10一周年版本
  • 微软64位Win10 Mobile很快到来 Surface Phone有望搭载
  • linux系统怎么查看防火墙状态
  • win10 rs3
  • 通过扣缴义务人申报和综合所得年度自行申报
  • 如何让w10系统运行更快
  • jQuery Password Validation密码验证
  • python抓取网络数据
  • python进行aes解密
  • python executemany的使用及注意事项
  • jquery图片自动滚动
  • shaders initialized
  • unity打包后的程序闪退
  • 如何查询车辆购置税
  • 3.5排量的车船税多少钱
  • 山西土地增值税清算
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设