0

我有一个基于 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();
    });
});

但是现在，分页不起作用，单击分页链接时什么也没有发生。怎么了？

4

2 回答 2

1

Ajax will NOT work if JavaScript is not supported by the browser. Ajax stands for Asynchronous JavaScript and XML.

So now do you still want to support Ajax ?

If yes then confirm the following,

  1. Is "temporary the container which has the listings and pagination ?"

  2. What result the given url($(this).attr('href')) is sending ? It should return proper HTml, not having Document and body tags etc.

  3. Have you checked your JavaScript error console and is there any error there ?

Instead of load , you can use ajax method which provides a function for handling error from server, you can see if server is returning any error.

于 2012-05-26T03:12:41.027 回答
0

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

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

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

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

希望有帮助。

于 2012-05-26T03:33:12.797 回答