PHP页面输出搜索后跳转下一页的处理方法
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页面输出搜索后跳转下一页的处理方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
页面跳转可以是打开新的一页，也可以是当前页重定向，还可以是跳转到当前页的某个状态，下面会从打开w文件，打开其它后缀文件，使用路由等几个方面分别介绍一下在X5中的页面跳转。 目录 1、打开w文件 1.1、使用Shell提供的方法 1.2、使用弹出窗口打开 1.3、模拟门户的做法 2、打开html等其它类型的文件 2.1、使用打开w文件的方法 2.2、使用a链接跳转 2.3、页面重定向 2.4、使用w
-
页面跳转可以是打开新的一页，也可以是当前页重定向，还可以是跳转到当前页的某个状态，下面会从打开w文件，打开其它后缀文件，使用路由等几个方面分别介绍一下在X5中的页面跳转。 目录 1、打开w文件 1.1、使用Shell提供的方法 1.2、使用弹出窗口打开 1.3、模拟门户的做法 2、打开html等其它类型的文件 2.1、使用打开w文件的方法 2.2、使用a链接跳转 2.3、页面重定向 2.4、使用w
-
本文向大家介绍vue-router跳转页面的方法，包括了vue-router跳转页面的方法的使用技巧和注意事项，需要的朋友参考一下 使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生 官方文档请点击这里 ## vue-router 第一步当然是安装了，用npm安装命令 第二步在.vue组件里添加标签，
-
本文向大家介绍vue页面跳转后返回原页面初始位置方法，包括了vue页面跳转后返回原页面初始位置方法的使用技巧和注意事项，需要的朋友参考一下 vue页面跳转到新页面之后，再由新页面返回到原页面时候若想返回调出原页面的初始位置，怎么来解决这个问题呢？首先我们应该在跳出页面时候记录下跳出的scrollY，返回原页面的时候在设置返回位置为记录下的scrolly即可，scrolly我用的是vuex状态管理器
-
有多个菜单页面，页面上方都有查询，封装了查询组件，切换页面的时候要重置查询条件-searchObj 我用pinia来存查询条件,searchObj，然后每个页面监听searchObj,条件变化就发起查询 问题是： 当我切换页面的时候把查询条件重置，这时候就会触发当前页面的watch，然后发起查询，就是跳转前就发起了查询 请问怎么解决这种问题，或者怎么这样的布局还有什么其他方法实现
-
搜索页主要是对场景内模型的搜索。 在搜索框内输入关键字，可以显示出场景内所有相关模型的列表。点击列表中模型名称，即可定位到搜索出的模型，如下图所示。