首頁 >後端開發 >php教程 >PHP頁面輸出搜尋後跳到下一頁的處理方法

PHP頁面輸出搜尋後跳到下一頁的處理方法

高洛峰
高洛峰原創
2016-12-28 16:51:301730瀏覽

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(&#39;Membership&#39;)}"> <i class="fa fa-search"></i></button>
      </div>
   </div>
</div>

以上所述是小編給大家介紹的PHP頁面輸出搜尋後跳轉下一頁的處理方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對PHP中文網的支持!

更多PHP頁面輸出搜尋後跳轉下一頁的處理方法相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn