php—mysql+ajax 无序列表（ul li）分页实现

后端开发|php教程

gt,lt,title,span,array

后端开发-php教程

效果图（前台显示新闻列表）

打车平台源码,vscode有苹果版本吗,ubuntu安装fio,tomcat站点配置过程,移动商店爬虫,php js md5加密,江北新区seo快速优化,65小说资源网站软件,软件使用说明书模板下载lzw

射手影音播放器 源码,vscode复制一行代码,ubuntu 关机 卡死,安装tomcat1.8,顶级爬虫高手,php网站怎么运行,seo推广方案怎么做引流,表白网站源码手机版lzw

代码实现

c 在线客服系统源码,vscode还原页面设置,ubuntu 路径空格,tomcat故障转移集群,红石爬虫机,php 模拟登录 验证码,涟水seo优化网络哪家便宜,php网站logo怎么弄,html文章内容页模板lzw

pages.js

var curPage =1;//当前页码var total,pageSize,totalPage;//获取数据functiongetData(page){ $.ajax({ type:POST, url:page.php, data:{pageNum:page-1}, dataType:json, beforeSend:function(){ $("#list ul").append("loading..."); }, success:function(json){ $("#list ul").empty(); total = json.total;//总记录数 pageSize = json.pageSize;//每页显示条数 curPage = page;//当前页 totalPage = json.totalPage;//总页数var li =""; var list = json.list; $.each(list,function(index,array){//遍历json数据列if(array[ itle].length >28){ var title_sub = array[ itle].substring(0,20);// 获取子字符串。}elsevar title_sub = array[ itle];if(0==index &&1==curPage)li +="+ array[content]+"\"style=\"color:red;font-weight:900;\"target=\"myIframe\" title=\""+array[ itle]+"\">"+title_sub+"

"+array[date]+"

";elseif(1==index &&1==curPage)li +="+ array[content]+"\"style=\"color:Darkorange;font-weight:700;\"target=\"myIframe\" title=\""+array[ itle]+"\">"+title_sub+"

"+array[date]+"

";elseif(2==index &&1==curPage)li +="+ array[content]+"\"style=\"color:Greenyellow;font-weight:500;;\"target=\"myIframe\" title=\""+array[ itle]+"\">"+title_sub+"

"+array[date]+"

";else li +="+ array[content]+"\"target=\"myIframe\" title=\""+array[ itle]+"\">"+title_sub+"

"+array[date]+"

"; }); $("#list ul").append(li); }, complete:function(){//生成分页条 getPageBar(); }, error:function(){ alert("数据加载失败"); } });}//获取分页条functiongetPageBar(){//页码大于最大页数if(curPage>totalPage) curPage=totalPage; //页码小于1if(curPage上一页 "; } //如果是最后页if(curPage>=totalPage){ pageStr +="下一页 尾页 "; }else{ pageStr +="+(parseInt(curPage)+1)+">下一页 +totalPage+">尾页 "; } $("#pagecount").html(pageStr);}$(function(){ getData(1); $("#pagecount span a").live(click,function(){var rel = $(this).attr("rel"); if(rel){ getData(rel); } });});

page.php

$row[id], itle=>$row[ itle], content=>$row[content], date=>date("Y-m-d",$row[date]));}echojson_encode($arr);?>

news_manager.php

注意要包含进js文件。

...

...

版权声明：本文为博主[原创]文章，未经博主允许可以转载，注明博客出处：[/FreeApe]

以上就介绍了php—mysql+ajax 无序列表（ul li）分页实现，包括了方面的内容，希望对PHP教学有兴趣的朋友有所帮助。