tp5页面输出时,搜索功能在跳转下一页时,如果不做任何处理,会返回原有是第二页输出的数据。为了保证跳转下一页时输出的是搜索到的数据,做以下处理。
(要根据自己的搜索字段进行适当修改)
页面js代码,给地址栏加上参数,以便于点击搜索按钮后台通过地址栏得到搜索条件。
$(document).ready(function(){
//点击搜索按钮执行搜索 $("#search").click(function() { var form = $('#form'); var url = form.attr('action'); var query = $('.key').serialize(); query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g, ''); query = query.replace(/^&/g, ''); if (url.indexOf('?') > 0) { url += '&' + query; } else { url += '?' + query; } form.attr('action',url); }); //回车搜索 $(".search-form").keyup(function(e) { if (e.keyCode === 13) { $(".search").click(); return false; } });
//设定input框的值,保留搜索条件,setValue的方法参照http://www.cnblogs.com/xiaopiyuanzi/p/5920864.html setValue('shop_id', "{:input('get.shop_id')}"); setValue('key', "{:input('get.key')}"); })
搜索部分页面html代码
<div class="search search-form" style="background: #e0e0e0;margin-bottom: 10px"> <form action="{:url('news')}" id="form" method="post"="0" style="height: 50px;font-size: 15px;color: black;" cellpadding="5" width="35%"> <tr> <td>商品类: <select name="shop_id" class="key"> <option value="all">全部option> {volist name='li' id='k'} <option value="{$k.id}">{$k.name}option> {/volist} select> td> <td>标题:<input type="text" name="key" class="key" class="inpMain" placeholder="新闻标题或标题包含字">td> <td><input type="submit" id="search" class="btn" value="搜索" />td> tr> table> form> div>
控制器主要代码
if (empty(input('get.'))) { $page = NewsModel::where('isdelete',1)->order('id desc')->paginate(8); $this->assign('list',$page); return $this->fetch(); } else { $shop_id=input('get.shop_id'); $key=input('get.key'); if ($shop_id=='all' && $key != '') { $page=NewsModel::where(['title'=>['like',"%$key%"],'isdelete'=>['eq',1]])->order('id desc')->paginate(8,false,[ 'query' => ['shop_id' => $shop_id,'key' => $key] //url额外参数 ]); } elseif ($shop_id != 'all' && $key != '') { $page=NewsModel::where(['title'=>['like',"%$key%"],'shop_id'=>['eq',$shop_id],'isdelete'=>['eq',1]])->order('id desc')->paginate(8,false,[ 'query' => ['shop_id' => $shop_id,'key' => $key] ]); } elseif ($shop_id != 'all' && $key == '') { $page=NewsModel::where(['shop_id'=>['eq',$shop_id],'isdelete'=>['eq',1]])->order('id desc')->paginate(8,false,[ 'query' => ['shop_id' => $shop_id,'key' => $key] ]); } else { $page=NewsModel::where('isdelete',1)->order('id desc')->paginate(8,false,[ 'query' => ['shop_id' => $shop_id,'key' => $key] ]); } $this->assign('list',$page); return $this->fetch(); }
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。上一条:极验验证码安装部署教程 下一条:PHP获取APK的包信息相关文章
查看更多
![]()
- PHP Workerman 基础与实战:即时通讯聊天系统(ThinkPHP6)
¥189
¥399已抢16650个
抢![]()
- 自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)
¥59
¥199已抢49596个
抢![]()
- 前端基础到实战(HTML5+CSS3+ES6+NPM)
¥800
¥1200已抢17008个
抢![]()
- PHP基础到实战(PHP+MySQL)
¥800
¥1200已抢9090个
抢![]()
- 前端开发(基础+实战项目合集)
¥800
¥1200已抢4638个
抢![]()
- PHP编程(基础知识点汇总)
¥800
¥1200已抢4680个
抢