将PHP分页转换为jQuery？

Question

嘿，我一直在尝试使我正在使用的该分页类变得更加ajaxy-这意味着当我单击页面编号（如页面[2]）时，数据会加载，但是我想加载数据而无需进行其他操作页面（后台有HTTP请求，没有页面重新加载）。

作为php和jquery的新手，我不确定如何实现此结果，尤其是在使用php类时。

这是主页的样子：

<?php
$categoryId=$_GET['category'];
echo $categoryId;
?>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery_page.js"></script>

<?php
    //Include the PS_Pagination class
    include('ps_pagination.php');
    //Connect to mysql db
    $conn = mysql_connect('localhost', 'root', 'root');
    mysql_select_db('ajax_demo',$conn);
    $sql = "select * from explore where category='$categoryId'";
    //Create a PS_Pagination object
    $pager = new PS_Pagination($conn, $sql, 3, 11, 'param1=value1&param2=value2');
    //The paginate() function returns a mysql
    //result set for the current page
    $rs = $pager->paginate();
    //Loop through the result set

echo "<table width='800px'>";

    while($row = mysql_fetch_assoc($rs)) {            

                echo "<tr>";
                    echo"<td>";
                        echo $row['id'];
                    echo"</td>";

                    echo"<td>";
                        echo $row['site_description'];
                    echo"</td>";

                    echo"<td>";
                        echo $row['site_price'];
                    echo"</td>";
                echo "</tr>";

    }
echo "</table>";

        echo "<ul id='pagination'>";

            echo "<li>";
            //Display the navigation
            echo $pager->renderFullNav();
            echo "</li>";

        echo "</ul>";

?>

<div id="loading" ></div>
<div id="content" ></div>

如上所示，我是否需要对课程的这一部分做些事情？

$pager = new PS_Pagination($conn, $sql, 3, 11, 'param1=value1&param2=value2');

或这个？：

echo $pager->renderFullNav();

我对jquery不太了解，但我想我会像这样开始：

$("#pagination li").click(function() {

然后加载一些东西...

我不无。 任何帮助都会很棒。 谢谢。

Answer 1

我不确定如何使用该类进行操作，这似乎有些棘手，因为您进行ajax调用以检索数据的脚本将需要访问当前PS_pagination实例。

如果没有这个班级，那就太棘手了。

您将需要一个php脚本来实际返回数据，该数据接受每页的记录数和当前页数。 在此脚本中，我返回html而不是返回数据。 所以我从数据库中获取数据，然后生成表。 这意味着，要使ajax成功，我要做的就是用我从此脚本获得的新html替换当前的功能。 这是一个例子。

//Current Page Number 
$page_num = isset($_GET['page_number']) ?  mysql_real_escape_string($_GET['page_number']) : 1;

//Number of records to show on each page 
$num_records = isset($_GET['num_records_pp']) ?  mysql_real_escape_string($_GET['num_records_pp']) : 10;

//Row to start collecting data from 
$start_row = $num_records * ($page_num - 1);

//String to store html to return 
$return_html = '';

//SQL Query 
$sql = mysql_query("SELECT * FROM my_table LIMIT $start_row, $num_records");

//Query success 
if($sql) {      
    //Construct html for table  
    $return_html = "<table width='800px'>";         

    while($row = mysql_fetch_array($sql)    {       

      $return_html .= "<tr>";       
      $return_html .= "<td>" . $row['id'] . "</td>";        
      $return_html .= "<td>" . $row['site_description'] . "</td>";
      $return_html .= "<td>" . $row['site_price'] . "</td>"; 
      $return_html .= "</tr>";

    }       
    $return_html .= "</table>";

//Query Failed 
} else {

    $return_html = "<p class='error'>Error Fetching Data</p>";

}

return $return_html;

然后，您只需通过ajax发出get请求，并传递页码和所需的行数。

$.get("get_data.php", { page_number: 1, num_records_pp: 20 },
   function(data){
     $('div#my_table').html(data);
   });

因此，此查询假定您有一个包含表的id为“ my_table”的div，然后它将用仅包含您所请求数据的新表组成替换该div。

这段代码只是为了给您一个指导，因此我可能在其中遇到了一些错误，但希望对您有所帮助。