分页功能在博客 日志 网站中等十分常见。往往我们会采用服务器技术来实现对内容的分页展示
对数据类的网站 我们还有专门的sql语句来编写。
但也有越来越多的网站采用ajax技术来实现,对于简单的文字展示类网站 这种方法可以算是比较优秀和用户体验很好的方式,当然任何东西都是一分为二的 弊端当然也随之存在 ,因为他会在某种程度上影响SEO
下面我就简单介绍一下php+ajax方式来实现分页功能
CREATE TABLE IF NOT EXISTS `pagination` ( `id` int(11) NOT NULL AUTO_INCREMENT, `post` varchar(250) NOT NULL, `postlink` varchar(250) NOT NULL, PRIMARY KEY (`id`) )
$mysql_db_hostname = "Host name"; $mysql_db_user = "UserName"; $mysql_db_password = "Password"; $mysql_db_database = "Database Name"; $con = mysql_connect($mysql_db_hostname, $mysql_db_user, $mysql_db_password or die("Could not connect database"); //Create a new connection mysql_select_db($mysql_db_database, $con) or die("Could not select database"); // select database
#wrapper ul{ list-style:none; margin-left:30%; } #wrapper ul li a{ text-decoration:none; border:1px solid #474747; padding:2px 8px 2px 8px; color:#474747; } #wrapper ul li{ float:left; margin-left:10px; }
define('PAGE_PER_NO',8); function getPagination($count){ $paginationCount= floor($count / PAGE_PER_NO); $paginationModCount= $count % PAGE_PER_NO; if(!empty($paginationModCount)){ $paginationCount++; } return $paginationCount; }
include_once('inc/dbConnect.inc.php'); include_once('inc/pagination.inc.php'); $query="select id from pagination order by id desc"; $res=mysql_query($query); $count=mysql_num_rows($res); if($count > 0){ $paginationCount=getPagination($count); } Ajax Code <script type="text/javascript"> function changePagination(pageId,liId){ $(".flash").show(); $(".flash").fadeIn(400).html ('Loading <img src="image/ajax-loading.gif" />'); var dataString = 'pageId='+ pageId; $.ajax({ type: "POST", url: "pageData.php", data: dataString, cache: false, success: function(result){ $(".flash").hide(); $(".link a").css('background-color','#fff') ; $("#"+liId+" a").css('background-color','#99A607'); $("#pageData").html(result); } }); } </script> <body onload="changePagination('0','first')"> For load data first time <div id="pageData"></div> <?php if($count > 0){ ?> <ul> <li class='first link' id="first"> <a href="javascript:void(0)" onclick="changePagination('0','first')">First</a> </li> <?php for($i=0;$i<$paginationCount;$i++){ ?> <li id="<?php echo $i;?>_no" class='link'> <a href="javascript:void(0)" onclick="changePagination ('<?php echo $i;?>','<?php echo $i;?>_no')"> <?php echo $i+1;?> </a> </li> <?php } ?> <li class='last link' id="last"> <a href="javascript:void(0)" onclick="changePagination ('<?php echo $paginationCount-1;?>','last')"> Last </a> </li> <li class="flash"></li> </ul> <?php } ?>
相关推荐
php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax...
自己写的php和ajax分页,包括简单的3层的架构
基于PHP+MySQL实现分页技术 一、 开发环境 1、环境搭建:Windows 7+Apache 2.4.18+MySQL 5.7.11+PHP 7.1.0。 2、文本编辑器:Sublime 3。 二、主要技术 本案例使用PHP 7中的PDO数据对象对MySQL数据库进行操作,通过...
本文实例讲述了PHP+JQuery+Ajax实现分页的方法。分享给大家供大家参考,具体如下: 为了锻炼下jQuery,决定自己动手写写分页 最终的效果如图: 点击某个字母后,下方显示以该字母为首字母的所有词语; 分页显示,每...
用jQuery,结合PHP和Mysql,通过获取json数据实现网页分页数据
jQuery+Ajax+PHP无刷新分页
PHP + AJAX 实现无刷新分页 不刷新页面实现分页 PHP AJAX.rar
本文实例为大家分享了jquery ajax实现分页的具体代码,供大家参考,具体内容如下 HTML <ul></ul> <div id=pagecount></div> CSS #list{width:680px; height:530px; margin:2px auto; position:relative} #...
主要介绍了PHP+jQuery+Ajax实现分页效果,以及jPaginate插件的应用
文档中有分页原理,php+mysql分页代码; php+ajax+mysql分页代码。
用jQuery,结合PHP和Mysql,通过实例讲解如何实现Ajax数据加载效果。
PHP+jQuery+Ajax无刷新分页加搜索
本资料无任何框架,有mysql...文件包含ajaxpg.php,ajax.js,page.css,loading.gif,table.sql; 动态数据显示在table里,有loading效果,page有css样式,可自定义样式,内有注释,大家稍稍修改可添加在个人网页系统中!!
php+mysql+ajax分页+表格table+loading效果+css(已测试成功)
主要介绍了ThinkPHP5.1+Ajax实现的无刷新分页功能,结合实例形式详细分析了ThinkPHP5.1+Ajax无刷新分页具体原理、前台数据发送与后台处理相关操作技巧,需要的朋友可以参考下
是一个典型的Ajax应用,在页面上,您只需要点击“下一页”,数据区将自动加载...类似的效果在很多网站上应用,尤其在一些需要展示大量图片数据的网页如淘宝商品列表页,Ajax分页效果让您的网站数据加载显得非常流畅。