高效Web开发的10个jQuery代码片段
411
2024-02-24
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页面输出搜索后跳转下一页的处理方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对绿夏网网站的支持!
#免责声明#
本站[绿夏技术导航]提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序或内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件[admin@lxwl520.com]与我们联系进行删除处理。敬请谅解!