使用正确的分页链接进行分页,而不是像admin-ajax.php/page/n这样的链接,可以通过以下步骤实现:
下面是一个示例的前端和后端代码:
前端代码(HTML、JavaScript):
<ul id="pagination-container"></ul>
<script>
// 分页链接的点击事件
function goToPage(pageNumber) {
// 使用Ajax发送异步请求,获取对应页的数据
// 这里的示例代码使用jQuery的$.ajax方法
$.ajax({
url: 'get_data.php',
type: 'GET',
data: { page: pageNumber },
success: function(response) {
// 处理返回的数据,例如更新页面内容
}
});
}
// 动态生成分页链接
function generatePagination(totalPages) {
var paginationContainer = document.getElementById('pagination-container');
// 清空容器
paginationContainer.innerHTML = '';
// 生成分页链接
for (var i = 1; i <= totalPages; i++) {
var listItem = document.createElement('li');
var link = document.createElement('a');
link.href = 'javascript:goToPage(' + i + ')'; // 绑定点击事件
link.textContent = i;
listItem.appendChild(link);
paginationContainer.appendChild(listItem);
}
}
// 页面加载完成后调用生成分页链接的函数
$(document).ready(function() {
// 假设从后端获取的数据总数为totalDataCount
// 假设每页显示的数据数量为perPageDataCount
var totalDataCount = 100;
var perPageDataCount = 10;
// 计算总页数
var totalPages = Math.ceil(totalDataCount / perPageDataCount);
// 生成分页链接
generatePagination(totalPages);
});
</script>
后端代码(PHP):
<?php
// 假设从请求中获取当前页码
$currentPage = $_GET['page'];
// 假设每页显示的数据数量为perPageDataCount
$perPageDataCount = 10;
// 假设从数据库查询数据总数,存储在totalDataCount变量中
$totalDataCount = 100;
// 计算偏移量
$offset = ($currentPage - 1) * $perPageDataCount;
// 根据当前页码和每页显示的数据数量,从数据库查询对应页的数据
// 这里的示例代码使用PDO进行数据库查询
$db = new PDO('mysql:host=localhost;dbname=test', 'username', 'password');
$query = $db->prepare("SELECT * FROM your_table LIMIT :offset, :limit");
$query->bindValue(':offset', $offset, PDO::PARAM_INT);
$query->bindValue(':limit', $perPageDataCount, PDO::PARAM_INT);
$query->execute();
$results = $query->fetchAll(PDO::FETCH_ASSOC);
// 返回查询到的数据,例如将数据转换为JSON格式返回
echo json_encode($results);
?>
上述代码示例了如何通过Ajax使用正确的分页链接进行分页。具体步骤包括在前端页面中创建一个用于显示分页链接的容器,使用Ajax发送异步请求获取每页的数据,动态生成正确的分页链接,并且绑定点击事件用于跳转到对应页码的数据。在后端,根据当前页码和每页显示的数据数量进行数据库查询,并返回查询到的数据。
对于腾讯云相关产品,由于答案中不能提及具体品牌商,建议参考腾讯云的官方文档和产品介绍,了解腾讯云提供的云计算、存储、网络通信等相关产品和服务,以满足实际需求。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云