欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

PHP页面输出搜索后跳转下一页的处理方法

程序员文章站 2024-04-02 13:34:34
php页面输出时,搜索功能在跳转下一页时,如果不做任何处理,会返回原有是第二页输出的数据,用js来给url加上搜索的条件,保证跳转下一页时输出的是搜索到的数据。以下是js代...

php页面输出时,搜索功能在跳转下一页时,如果不做任何处理,会返回原有是第二页输出的数据,用js来给url加上搜索的条件,保证跳转下一页时输出的是搜索到的数据。以下是js代码

//搜索功能
$("#search").click(function() { //通过id找到搜索的input框
var url = $(this).attr('url');
var query = $('.search-form').find('input').serialize();
query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g, '');
query = query.replace(/^&/g, '');
if (url.indexof('?') > 0) {
url += '&' + query;
} else {
url += '?' + query;
}
window.location.href = url;
});
//回车搜索
$(".search-form").keyup(function(e) {
if (e.keycode === 13) {
$("#search").click();
return false;
}
});

搜索部分代码

<div class="box-tools search-form" style="width:250px;">
  <div class="input-group">
    <input type="text" name="nickname" value="" class="form-control input-sm pull-right" style="width: 150px;" placeholder="请输入会员昵称或者id">
      <div class="input-group-btn">
        <button class="btn btn-sm btn-default" id="search" url="{:u('membership')}"> <i class="fa fa-search"></i></button>
      </div>
   </div>
</div>

以上所述是小编给大家介绍的php页面输出搜索后跳转下一页的处理方法,希望对大家有所帮助