PHP / Jquery分页问题

Question

我是php＆jquery的新手，我从事在线销售和营销项目。 在我的索引页面中，访客选择一个类别，然后在产品详细信息区域中显示与此类别相关的所有产品。 为此目的，我在php中创建了一个分页，当我单独运行它时，pview.php页面运行良好，但是当我通过jquery传递类别值时，它会显示第1页，但其他页面不会出现，如果访问者单击类别显示具有分页的产品但是“当他转到第二页时，所有产品都会从产品详细信息区域中消失。” 如何解决此问题？ 请任何人帮助我消除此问题。 在代码末尾，我放置了在线项目的链接，请检查并建议我。

pview.php

<?php
include'connect.php';
if(isset($_POST['catValue'])){
    $catVal = $_POST['catValue'];
}else{
    echo'No Product Found.';
    exit();
}


$per_page = 3;
$pages_query = mysql_query("SELECT COUNT(id) FROM product_s WHERE product_cat='".$catVal."'");
$pages = ceil(mysql_result($pages_query, 0) / $per_page);
$page = (isset($_GET['page'])) ? (int) $_GET['page'] : 1;
$start = ($page -1) * $per_page;
$query = mysql_query("SELECT * FROM product_s LIMIT $start, $per_page");
echo'<table cellpadding="0" cellspacing="0" style="width:100%;">';
while($result = mysql_fetch_assoc($query)){ 
echo'
      <tr>
        <td>
          <table border="0">
            <tr>
              <td style=" text-decoration:none; font-size:30px;"><a href="#">'.$result['product_name'].'</a></td>
              <td style="font-size:15px;"><i>(PKR '.number_format($result['product_rate'],2).')</i></td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td>'.$result['product_pack'].'</td>
      </tr>
      <tr>
        <td>'.$result['product_desc'].'</td>
      </tr>
      <tr>
        <td id="proCompName"><a href="#"><i>'.$result['product_comp_name'].'</i></a></td>
      </tr>
    ';
}
echo'</table>';

if($page >=1 && $page <= $pages){
  for($x =1; $x<=$pages; $x++){
      echo ($x == $page) ? '<strong><a href="?page='.$x.'">'.$x.'</a></strong> ' : '<a href="?page='.$x.'">'.$x.'</a> ';
  }
}

?>

JS代码：

<script src="../java/jQueryLibrary/jQuery-1.9.1/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $('table #CatClass').mouseover(function(){
    $(this).addClass('CatClass');     
  }).mouseleave(function(){
    $(this).removeClass('CatClass');
  });

  $('table #CatClass').click(function(){
      var catValue = $(this).text();

    $.post('corporate/pview.php', {catValue: catValue}, function(data){
        $('#ProductDetail').html(data);
    });  
  });
});
</script>

请选择“烹饪和食品类别”进行现场演示。

http://www.cloudmarket.pk/php/index.php

Answer 1

您的寻呼机链接不应是指向下一页的链接。 它应该具有ajax动作来获取新数据，诸如此类

<a href="#" onClick="javascript: return GoPage('cat_name', 2);">2</a>