PHP7留言板开发之 Ajax分页
php7教程栏目介绍留言板开发中的Ajax分页
推荐（免费）：php7教程
有了基础页面的支撑，想要提高页面的用户体验，那么异步的数据加载目前来说是最好的处理方式了。Ajax分页是练手的最好应用场景，运用到的知识点，在上节课老友记之PHP7留言板开发（Ajax异步提交）已经有了一定的介绍，这里就不再敖述，如有明白请看上节内容。
教程分解
-
1、定义
JavaScript具有基于函数的作用域，只要定义了，当前页面的是全局可用的，标识就是gotopage(){}函数gotopage。 -
2、Ajax异步操作
上节课的内容，这里最要是异步请求的时候注意是GET方式，ajax.php是异步请求服务端需要处理的逻辑文件，接收用户翻页请求，返回响应页数的数据即可（当然其他格式的内容就行，比如JSON，这里就不讲解）。 3、JS打印数据
innerHTML
在指定的页面区域打印翻页数据<ul id="list_box"><u/>，这里的样式结构是要在ul标签内输出内容，所以用JS选择器document.getElementById("list_box")，获取ul标签的对象，然后运用其中的innerHTML属性赋值内容，完成我们想要的结果document.getElementById("list_box").innerHTML = '服务器返回的数据';
4、JS循环
for的运用，遍历所有页码并标识当前页码
用选择器获取所有的页面对象var pageno = document.getElementsByClassName('pageno');
计算总页码数量pageno.lengthfor循环遍历直到匹配到当前用户请求的page页码数即当前页，匹配成功就给当前页数添加样式（标识当前请求成功的页数）。
本教程基于老友记之PHP7留言板开发（分页）内容上改动。
HTML代码list.php
<?php
include 'config.php';
$page = !empty($_GET['page'])?intval($_GET['page']):1;
$keyword = !empty($_GET['keyword'])?strip_tags($_GET['keyword']):'';
$pagesize = 6;
// 统计总记录数，便于计算出总页数
if(!empty($keyword)){
$sql = "SELECT * FROM feedback WHERE name LIKE '%{$keyword}%'";
}else{
$sql = "SELECT * FROM feedback";
}
$result = mysqli_query($mysqli, $sql);
$total = mysqli_affected_rows($mysqli);
$total_page = ceil($total/$pagesize); // 进一法取整获取总页数
// 开始分页查询，根据page计算偏移量
$offset = ($page - 1) * $pagesize;
if(!empty($keyword)){
$sql = "SELECT * FROM feedback WHERE name LIKE '%{$keyword}%' LIMIT {$offset}, {$pagesize}";
}else{
$sql = "SELECT * FROM feedback LIMIT {$offset}, {$pagesize}";
}
$result = mysqli_query($mysqli, $sql);
$lists = array();
while($rows = mysqli_fetch_array($result)){
$lists[] = $rows;
}
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>异步翻页+列表带搜索功能_留言板_科科分享</title>
<!-- 2.新建css样式文件并根据效果图编写css代码 -->
<link rel="stylesheet" href="feedback.css">
<script>
function gotopage(page, keyword){
if(page<0){
page = 1;
}
// 创建 XMLHttpRequest 对象
var ajax, url;
if(window.XMLHttpRequest){
ajax = new XMLHttpRequest();
}else{
// 兼容Internet Explorer（IE5 和 IE6）使用 ActiveX 对象
ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
url = 'page.php?page=' + page + '&keyword=' + keyword;
ajax.open('GET', url, true);
ajax.send();
ajax.onreadystatechange = function(){
// 获取服务器响应状态码
if(ajax.readyState == 4 && ajax.status==200){
// 获取服务器返回的响应返回的数据
var retdata = ajax.responseText;
// 如果返回的时候不为空的时候，就输出
if(retdata){
// 这里是将异步请求的数据 在指定区域（list_box）展示给用户看
document.getElementById("list_box").innerHTML = retdata;
// 最后将页面中的定位当前分页数，告诉用户当前在哪个分页
// 这里相对逻辑会复杂点，慢慢领会
// 第一步获取所有分页数的集合
var pageno = document.getElementsByClassName('pageno');
// 这里用到for循环遍历 从多个分页的集合获取当前用户点击的那个分页链接并添加样式active
for(var i=0; i<pageno.length; i++){
pageno[i].className = 'pageno';
// parseInt(i)+1意思是当前分页,
if(parseInt(i)+1 == page){
pageno[i].className = 'pageno active';
}
}
}
}
}
}
</script>
</head>
<body>
<!-- 工作区，呈现给用户看的 -->
<!-- 1.开始搭建脚手架 -->
<p class="container_box">
<p class="up">
<h3 class="title">留言板</h3>
<h5 class="subtitle">LIST</h5>
</p>
<p class="down list">
<p class="search">
<form action="list.php">
关键词：<input type='text' name="keyword" value="<?php echo $keyword?>" />
<input type="submit" value="去搜索">
</form>
</p>
<ul id="list_box">
<?php
foreach($lists as $item){
?>
<li>姓名：<?php echo $item['name']?> 联系方式：<?php echo $item['contact']?> 内容：<?php echo $item['content']?></li>
<?php
}
?>
</ul>
<p class="pages">
<ul>
<?php
for($p = 1; $p<=$total_page; $p++){
?>
<li class="pageno"><a href="javascript:gotopage(<?php echo $p?>, '<?php echo $keyword?>');"><?php echo $p?></a></li>
<?php
}
?>
</ul>
</p>
</p>
</p>
</body>
</html异步分页代码page.php
<?php
include 'config.php';
$page = !empty($_GET['page'])? intval($_GET['page']):1;
$keyword = !empty($_GET['keyword'])?addslashes(strip_tags($_GET['keyword'])):'';
$pagesize = 6;
// 开始分页查询，根据page计算偏移量
$offset = ($page - 1) * $pagesize;
if(!empty($keyword)){
$sql = "SELECT * FROM feedback WHERE name LIKE '%{$keyword}%' LIMIT {$offset}, {$pagesize}";
}else{
$sql = "SELECT * FROM feedback WHERE 1 LIMIT {$offset}, {$pagesize}";
}
$result = mysqli_query($mysqli, $sql);
$lists = array();
$list = '';
while($rows = mysqli_fetch_array($result)){
$list .= "<li>姓名：". $rows['name']." 联系方式：". $rows['contact']." 内容：".$rows['content']."</li>";
}
echo $list;
exit;总结
本节新手来说相对较难，涉及到的知识点是之前学习过的一个汇总。动手之前要先理清思路，一步步实现。
切记思路很重要，单单学会还不够，要做到拿到其他类似的需求的时候，能得心应手，这样才算掌握。
最后就是动手撸代码啦！~
以上是PHP7留言板开发之 Ajax分页的详细内容。更多信息请关注PHP中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
php7.0怎么安装mongo扩展
Nov 21, 2022 am 10:25 AM
php7.0安装mongo扩展的方法：1、创建mongodb用户组和用户；2、下载mongodb源码包，并将源码包放到“/usr/local/src/”目录下；3、进入“src/”目录；4、解压源码包；5、创建mongodb文件目录；6、将文件复制到“mongodb/”目录；7、创建mongodb配置文件并修改配置即可。
php7检测tcp端口不好用怎么解决
Mar 22, 2023 am 09:30 AM
在php5中，我们可以使用fsockopen()函数来检测TCP端口。这个函数可以用来打开一个网络连接和进行一些网络通信。但是在php7中，fsockopen()函数可能会遇到一些问题，例如无法打开端口、无法连接到服务器等。为了解决这个问题，我们可以使用socket_create()函数和socket_connect()函数来检测TCP端口。
php7.0安装了插件还是显示未安装怎么办
Apr 02, 2024 pm 07:39 PM
解决 PHP 7.0 中插件未显示已安装问题的方法：检查插件配置并启用插件。重新启动 PHP 以应用配置更改。检查插件文件权限，确保其正确。安装丢失的依赖项，以确保插件正常运行。如果其他步骤均失败，则重建 PHP。其他可能原因包括插件版本不兼容、加载错误版本或 PHP 配置问题。
PHP 服务器环境常见问题指南：快速解决常见难题
Apr 09, 2024 pm 01:33 PM
PHP服务器环境常见的解决方法包括：确保已安装正确的PHP版本和已复制相关文件到模块目录。临时或永久禁用SELinux。检查并配置PHP.ini，确保已添加必要的扩展和进行正确设置。启动或重启PHP-FPM服务。检查DNS设置是否存在解析问题。
php7.0怎么安装部署
Nov 30, 2022 am 09:56 AM
php7.0安装部署的方法：1、到PHP官网下载与本机系统对应的安装版本；2、将下载的zip文件解压到指定目录；3、打开命令行窗口，在“E:\php7”目录下运行“php -v”命令即可。
如何在系统重启后自动设置unixsocket的权限？
Mar 31, 2025 pm 11:54 PM
如何在系统重启后自动设置unixsocket的权限每次系统重启后，我们都需要执行以下命令来修改unixsocket的权限：sudo...
在Docker环境中使用PECL安装扩展时为什么会报错？如何解决？
Apr 01, 2025 pm 03:06 PM
在Docker环境中使用PECL安装扩展时报错的原因及解决方法在使用Docker环境时，我们常常会遇到一些令人头疼的问�...
php8和php7哪个好
Nov 16, 2023 pm 03:09 PM
PHP8相较于PHP7在性能、新特性和语法改进、类型系统、错误处理和扩展等方面都有一些优势和改进。然而，选择使用哪个版本要根据具体的需求和项目情况来决定。详细介绍：1、性能提升，PHP8引入了Just-in-Time(JIT)编译器，可以提高代码的执行速度；2、新特性和语法改进，PHP8支持命名参数和可选参数的声明，使得函数调用更加灵活;引入了匿名类、属性的类型声明等等。
