php+js实现分页

使用onclick传递参数时，参数为空分页无效。因此无刷新页面时可利用js重新获取input的值同样通过get地址传递到分页显示的php页面。page参数接收和传递方式必须一致为post或get。

js：

        function schangepage(page){

    //var vuid="";

       //var vudate=udate;

        var vuid=searchmform.uid.value;

       var vudate=searchmform.udate.value;

       var duid=searchmform.uid.defaultValue;

       var dudate=searchmform.udate.defaultValue;

       if(vuid!=duid&&vudate==dudate)

       {

              var vudate="";

               var changeUrl="search_mdata.php?vuid="+vuid+"&vudate="+vudate+"&page="+page;

                            $.get(changeUrl,function(str){                          

                                          $("#meterdatapage").html(str);                                       

                                });

       }

       if(vuid==duid&&vudate!=dudate){

              var vuid="";

               var changeUrl="search_mdata.php?vuid="+vuid+"&vudate="+vudate+"&page="+page;

                            $.get(changeUrl,function(str){                          

                                          $("#meterdatapage").html(str);                                       

                                });

       }

       if(vuid!=duid&&vudate!=dudate){

              var changeUrl="search_mdata.php?vuid="+vuid+"&vudate="+vudate+"&page="+page;

                            $.get(changeUrl,function(str){                          

                                          $("#meterdatapage").html(str);                                       

                                });

       }

       else if(vuid==duid&&vudate==dudate)

       {

 

                     $.post("datapage.php",{page:page},function(data){

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

                      });

       }

    }

 

       function spage_go(stype, scur_page, spagenum){     

       var spage=scur_page;

       //var udate=vudate;

       switch(parseInt(stype)){

              case 1: spage=1; break;                           //首页

              case 0: if(scur_page>=2) spage=scur_page-1; break;       //上一页

              case 2: if(scur_page<=spagenum-1) spage=scur_page+1; break; //下一页

              case 3: spage=spagenum; break;                            //尾页

              case 4: spage = scur_page; break;                         //点击某一页的页码

       }

       schangepage(spage);

    }

 

php：

    @$page = max(1, intval($_GET["page"]));

    $vuid=$_GET["vuid"];

    $vudate=$_GET["vudate"];

       $str["info"] .="<div style='text-align:center'><a href='javascript:void(0);' οnclick='spage_go(1, $page, $pagenum)'>{$searchp['First_Page']}</a> |

                     <a href='javascript:void(0);' οnclick='spage_go(0, $page, $pagenum)'>{$searchp['Page_Up']}</a> | ";

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

                     if($i!=$page){

                            $str["info"] .= "<a href='javascript:void(0);' οnclick='spage_go(4, $i, 0)'>[$i] </a>";

                     }

                     else{

                            $str["info"] .= "$i ";

                     }

                  }

                     $str["info"] .= "| <a href='javascript:void(0);' οnclick='spage_go(2, $page, $pagenum)'>{$searchp['Page_down']}</a> |

                     <a href='javascript:void(0);' οnclick='spage_go(3, $page, $pagenum)'>{$searchp['Last_Page']}</a></div>";

转载于:https://www.cnblogs.com/kamo-qie/p/5223132.html