首页 > Web开发 > 详细

php+js实现分页

时间:2016-02-27 18:02:36      阅读:188      评论:0      收藏:0      [点我收藏+]

使用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);‘ onclick=‘spage_go(1, $page, $pagenum)‘>{$searchp[‘First_Page‘]}</a> |

                     <a href=‘javascript:void(0);‘ onclick=‘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);‘ onclick=‘spage_go(4, $i, 0)‘>[$i] </a>";

                     }

                     else{

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

                     }

                  }

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

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

php+js实现分页

原文:http://www.cnblogs.com/kamo-qie/p/5223132.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!