分页功能在博客 日志 网站中等十分常见。往往我们会采用服务器技术来实现对内容的分页展示
对数据类的网站 我们还有专门的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的分页”指的是利用PHP作为服务器端脚本语言处理数据，而通过AJAX实现页面内容的无刷新更新，以提供用户更流畅的浏览体验。以下是对这个主题的详细讲解： 首先，我们来看`index.php`，这通常是前端...
基于PHP+MySQL实现分页技术 一、 开发环境 1、环境搭建：Windows 7+Apache 2.4.18+MySQL 5.7.11+PHP 7.1.0。 2、文本编辑器：Sublime 3。 二、主要技术 本案例使用PHP 7中的PDO数据对象对MySQL数据库进行操作，通过...
下面将深入探讨如何在ThinkPHP框架中使用AJAX实现无刷新分页。 #### 一、ThinkPHP框架简介 ThinkPHP是一个开源的PHP框架，遵循MVC（Model-View-Controller）架构模式，旨在提高开发效率和代码可维护性。它提供了...
总结来说，实现“jq.ajax+php+mysql实现分页显示数据”的过程主要包括：前端使用jQuery的AJAX发送请求，PHP后端处理请求并从MySQL数据库获取分页数据，再将数据转化为JSON返回给前端，前端解析JSON并动态更新页面。...
总结来说，这个实例通过结合jQuery、Ajax、PHP和Mysql，实现了在不刷新页面的情况下，动态加载和分页显示数据库中的数据。这不仅提高了用户体验，也减轻了服务器的负担，是Web开发中常见的数据加载策略。
例如，使用`.ajax()`实现分页请求： ```javascript $.ajax({ url: 'server_page.php', type: 'POST', data: {page: currentPage}, success: function(data) { // 更新DOM元素，显示新内容 } }); ``` 3. ...
本文实例为大家分享了jquery ajax实现分页的具体代码，供大家参考，具体内容如下 HTML <ul></ul> <div id=pagecount></div> CSS #list{width:680px; height:530px; margin:2px auto; position:relative} #...
本示例通过HTML、JavaScript、PHP和MySQL四者结合，实现了一个简单的分页系统，非常适合初学者进行学习。 首先，HTML（超文本标记语言）是网页的基础结构，它定义了网页的布局和内容。在分页场景中，HTML通常会包含...
在本文中，我们将深入探讨如何使用PHP、JQuery和Ajax技术来实现动态分页功能。分页是网页设计中常见的需求，特别是在数据量较大的情况下，它可以帮助用户更方便地浏览和查找信息。以下是对实现这一功能的详细步骤的...
本资料无任何框架，有mysql...文件包含ajaxpg.php,ajax.js,page.css,loading.gif,table.sql; 动态数据显示在table里，有loading效果，page有css样式，可自定义样式，内有注释，大家稍稍修改可添加在个人网页系统中！！
这个技术方案结合了服务器端处理（PHP）、客户端交互（jQuery）以及异步数据交换（Ajax），实现了用户在不重新加载整个页面的情况下进行分页和搜索操作，极大地提升了用户的浏览体验。 **PHP** 是一种广泛使用的...
总结来说，通过PHP和Ajax实现无刷新分页，可以提高网页的交互性和效率，减少不必要的页面重载，提高用户浏览体验。在这个过程中，PHP主要负责处理数据和逻辑，而Ajax则作为客户端与服务器之间的桥梁，实现了数据的...
在分页中，我们通过Ajax发送请求到服务器，获取指定页码的数据，然后用返回的数据替换现有内容，实现页面无刷新。 `PHP`则在服务器端发挥作用，处理来自Ajax请求的数据，进行数据库查询，计算分页信息，并返回必要...
6. **项目实例**：除了理论知识，实际的代码实例可以让开发者更好地理解和应用这些概念，通过阅读和调试代码，可以加深对ThinkPHP 3.2和Ajax分页的理解。 7. **用户体验**：无刷新分页提升了用户体验，避免了用户...
以下是一个使用jQuery实现AJAX分页的基本示例： ```javascript $(document).ready(function() { $('#pagination').on('click', 'a', function(e) { e.preventDefault(); var pageNum = $(this).attr('data-page'...