添加 AJAX 时分页不起作用 - Pagination not working when adding AJAX

我有一个基于 PHP 的分页系统，它工作正常，我使用 GET 参数传递页码：

    <?php 
$db = mysql_select_db($database,$connection) or trigger_error("SQL", E_USER_ERROR);
$sql1 = "SELECT COUNT(*) FROM $table";
$result1 = mysql_query($sql1, $connection) or trigger_error("SQL", E_USER_ERROR);
$row = mysql_fetch_row($result1);
$numrows = $row[0];
$rowsperpage = 2;
$totalpages = ceil($numrows / $rowsperpage);
if (isset($_GET['page']) && is_numeric($_GET['page'])) {
   $currentpage = (int) $_GET['page'];
} else {
   $currentpage = 1;
}
if ($currentpage > $totalpages) {
   $currentpage = $totalpages;
}
if ($currentpage < 1) {
   $currentpage = 1;
}
$offset = ($currentpage - 1) * $rowsperpage;
$sql2 = "SELECT * FROM internet_security ORDER BY id DESC LIMIT $offset, $rowsperpage";
$result2 = mysql_query($sql2, $connection) or trigger_error("SQL", E_USER_ERROR);
$list = mysql_fetch_assoc($result2);
$startrow = ($currentpage-1) * $rowsperpage;
?>

我显示链接的方式是这样的：

    h3>Results <?php echo ($startrow+1) ?> - <?php echo min($startrow + $rowsperpage, $row) ?> of <?php echo ($totalpages *$rowsperpage) ?></h3>
<ul><?php 
if ($currentpage!=$totalpages) {
echo " <li><a href='{$_SERVER['PHP_SELF']}?page=$totalpages'>$totalpages</a></li> ";
$nextpage = $currentpage + 1;
echo " <li><a href='{$_SERVER['PHP_SELF']}?page=$nextpage'>Next&raquo;&raquo;</a></li> ";
}?></ul>

<ul><?php    
if($currentpage<$totalpages){
for ($x = ($currentpage - 3); $x < (($currentpage + 3) + 1); $x++) {
if (($x > 0) && ($x <= $totalpages)) {
if ($x == $currentpage) {
echo " <li id='pcurrent'><a href='{$_SERVER['PHP_SELF']}?page=$x'>$x</a></li>";
} else {
echo " <li><a href='{$_SERVER['PHP_SELF']}?page=$x'>$x</a></li> ";
}}}  
}
?> </ul>

<ul><?php
if ($currentpage > 1){
$prevpage = $currentpage - 1;
echo " <li><a href='{$_SERVER['PHP_SELF']}?page=$prevpage'>&laquo;&laquo;Prev</a></li> ";
echo "<li><a href='{$_SERVER['PHP_SELF']}?page=1'>1</a></li> ";
}?></ul>

此分页工作正常。

我的问题是我现在想向它添加 AJAX 功能，以便我在分页中同时具有这两种功能，即如果 JavaScript 被关闭，分页将在 PHP 中工作。

我试过这个：

$(function() {
    $('#pagination ul li a, .temp').click(function(ev) {
        ev.preventDefault();
        $('#temporary').load($(this).attr('href')).modal();
    });
});

但是现在，分页不起作用，单击分页链接时没有任何反应。怎么了？

如果浏览器不支持JavaScript，Ajax将无法工作。Ajax 代表异步 JavaScript 和 XML。

那么现在你还想支持阿贾克斯吗？

如果是，请确认以下内容，

"临时"是有列表和分页的容器吗？
给定的url（$（this）.attr（'href'））发送的结果是什么？它应该返回正确的HTml，没有文档和正文标签等。
您是否检查过JavaScript错误控制台，那里是否有任何错误？

代替

加载，您可以使用ajax方法，该方法提供了处理来自服务器的错误的函数，您可以查看服务器是否返回任何错误。

似乎对您所问的内容有些困惑。据我所知，您希望同时进行PHP分页（禁用js时）和AJAX分页以利用动态加载（启用js时）。

为此，您应该执行以下操作：

将生成列表的代码放入函数中，例如generateList($page)
在您的 php 页面中，输出上面创建的函数的结果作为您的初始视图。
创建一个 ajax_actions.php 页，该页可以调用在步骤 1 中创建的函数并返回结果。
使用链接单击手柄调用（通过 AJAX）ajax_actions.php页面并显示结果。您可能需要从链接单击中解析页面 ID 并将其传递。

如果你做这些事情，当JS被禁用时，PHP将处理分页。启用 JS 后，您将执行 ev.preventDefault（）并使用 AJAX 显示内容。

希望有帮助。