php页面输出时,搜索功能在跳转下一页时,如果不做任何处理,会返回原有是第二页输出的数据,用js来给url加上搜索的条件,保证跳转下一页时输出的是搜索到的数据。以下是js代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
//搜索功能 $( "#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; } }); |
搜索部分代码
1
2
3
4
5
6
7
8
|
<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页面输出搜索后跳转下一页的处理方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对服务器之家网站的支持!
原文链接:http://www.cnblogs.com/xiaopiyuanzi/archive/2016/09/30/5922886.html