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

2021-03-07 17:45落定晴 PHP教程

这篇文章主要介绍了PHP页面输出搜索后跳转下一页的处理方法,用js来给url加上搜索的条件，保证跳转下一页时输出的是搜索到的数据，对实现代码感兴趣的朋友可以参考下本文

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>