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