PHP / Jquery分页问题

Question

我是php＆amp;的新手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>

请选择烹饪＆amp;现场演示的食品类别。

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

Answer 1

您的寻呼机链接不应是指向下一页的链接。它应该有一个ajax动作来获取新数据，就像那样

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