php jQuery . Ajax 实现局部刷新分页

2019独角兽企业重金招聘Python工程师标准>>>

control.php:

<a href="javascript:void(0)" id="next_page" class='next_page' >下一页</a>

$(document).ready(function(){

        $("#next_page").click(function(){

            var cpage = $("#cpage").val();

            cpage = parseInt(cpage);

            var next_page = (cpage+1);

            var pcount = <?php echo $pcount;?>;

            var count = <?php echo $all_count;?>;

           var pnum = <?php echo $pnum;?>;

            if(next_page>pnum){

                return false;

                }

            $("#page").html($next_page);

            $.post("control.php",

                {

                "p":next_page,

                "count" : count,

                "pcount": pcount,

                  },function(data,status){

                    $("#show").html(data);

                })

});

});

control2.php

$page = $_POST['p'];

$pcount = $_POST['pcount'];

$count = $_POST['count'];

if($page==1){

    for($i=0;$i<18;$i++){

        $str .="<li>......</li>";

   }

      $str .="<input type='hidden' value='".$page."' name='cpage' id='cpage' />";

}else{

    $start = ($page-1)*$pcount;

       if($start<1){

        $start = 1;

    }

     $end = $start+$pcount;

    if($end>$count){

        $end = $count;

    }

    for($i = $start;$i<$end;$i++){

        $str .="<li>......</li>";

    }

     $str .="<input type='hidden' value='".$page."' name='cpage' id='cpage' />";

}

echo $str;

 

转载于:https://my.oschina.net/u/1176605/blog/144364