ajax 多条件模糊查询分页
2017-08-18 22:13
381 查看
实现分页方法:
代码如下:
分页样式编写
ajax 代码编写
代码如下:
public function index(){ $page=Input::get('page')?Input::get('page'):1; $name=Input::get('name')?Input::get('name'):null; //每页显示条数 $num=2; //偏移量 $offset=($page-1)*$num; $paging=$this->get_page(); if(Request::ajax()) { $where="is_audit=0"; if(!empty($name)) { $where=$where." and club_name like '%$name%' or club_intro like '%$name%' "; } $data=DB::table('sport_club')->whereRaw($where)->offset($offset)->limit($num)->get(); $info=array('data'=>$data,'paging'=>$paging); echo json_encode($info); } else { $where="is_audit=0"; if(!empty($name)) { $where=$whe 4000 re." and club_name like '%$name%' or club_intro like '%$name%'"; } $data=DB::table('sport_club')->whereRaw($where)->offset($offset)->limit($num)->get(); $info=array('data'=>$data,'paging'=>$paging); return view('Xiangmu.add',['info'=>$info]); } }
分页样式编写
public function get_page(){ $name=Input::get('name')?Input::get('name'):null; //当前页 $page=Input::get('page')?Input::get('page'):1; // return $page; $page_str="<a href='javascript:;' p='1' class='changep'>首页</a>"; //每页显示条数 $num=2; //偏移量 $offset=($page-1)*$num; $where="is_audit=0"; if(!empty($name)){ $where=$where." and club_name like '%$name%' or club_intro like '%$name%'"; } //总条数 $count=DB::table('sport_club')->whereRaw($where)->count(); //总页数 $end=ceil($count/$num); $end_str="<a href='javascript:;' p=".$end." class='changep'>尾页</a>"; // return $end; //上一页 $before=($page-1)<1?1:($page-1); $before_str="<a href='javascript:;' p=".$before." class='changep'>上一页</a>"; //下一页 $next=($page+1)>$end?$end:($page+1); // print_r($next);die; $next_str="<a href='javascript:;' p=".$next." class='changep'>下一页</a>"; return $page_str.$before_str.$next_str.$end_str; }
ajax 代码编写
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <script> //分页 $(document).on('click','.changep',function(){ var page=$(this).attr('p'); var name=$('#name').val(); // alert(page); send_ajax(page,name) }) //搜索 $('#btn').click(function(){ var name=$('#name').val(); send_ajax(1,name) }) //发送ajax function send_ajax(page,name) { $.ajax({ type: "GET", url: "index", data: "page="+page+"&name="+name, dataType: "json", success: function(msg){ var str=""; $.each(msg.data,function(k,v){ if(v.is_hot==1){ var hot='是'; }else{ var hot='否'; } if(v.status==1){ var status='是'; }else{ var status='否'; } if(v.is_audit==1){ var is_audit="<button style='color:green;'>审核已通过</button>"; }else{ var is_audit="<button style='color:red;'>正在处理中</br>. </br>. </br> . </button>"; } str += '<tr>'; str += '<td>'+v.club_id +'</td>'; str += '<td>'+v.club_name+'</td>'; str += '<td width="10%"><img src="http://47.94.22.241/'+v.club_img+'" alt="" width="70"height="50" /></td> '; str += '<td>'+v.club_intro+' </td>'; str += '<td>'+v.club_price+'</td>'; str += '<td>'+v.club_address+'</td>'; str += '<td>'+hot+'</td>'; str += '<td>'+status+'</td>'; str += '<td>'; str += '<a href="update?is_audit='+v.is_audit+'&id='+v.club_id+'" style="color:red;">'+is_audit+'</a>'; str += ' </td>'; str += '<td>'; str += '<a href="delete?id='+v.club_id+'"><button>删除</button> </a>'; str += '</td>'; str += '</tr>'; }); $('#box').html(str); $('.pages').html(msg.paging); } }); } </script>
相关文章推荐
- Ajax多条件分页查询
- PHP、AJAX综合练习(增、删、改、查、分页、模糊查询)
- JSP交互---Ajax异步分页查询(条件分页查询)
- 按条件模糊查询及分页查询
- Spring+SpringMVC+Mybatis 带查询条件的Ajax+Paginator插件分页
- thinkphp5多条件模糊查询以及多条件查询带分页如何保留参数
- java操作mongdb多条件复合查询(包括模糊查询和按时间段查询),分页
- springmvc4+spring4+hibernate4注解开发,分页查询,表头排序,多条件模糊查询,查询自动补全功能
- ajax多条件查询动态分页
- jfinal动态sql管理简洁实现分页多条件模糊查询
- Hibernate多条件模糊分页查询
- SSM框架 用ajax实现模糊查询分页和列表
- ajax模糊查询加分页
- 框架 day50 BOS项目 4 批量导入(ocupload插件,pinyin4J)/POI解析Excel/Combobox下拉框/分区组合条件分页查询(ajax)/分区数据导出(Excel)
- ajax实现分页,多条件查询步骤(基于nodejs)
- springboot干货——(十四【二】)mongodb进行分页显示【含条件查询】
- 动态多条件查询分页以及排序(一)--MVC与Entity Framework版url分页版
- 带查询条件的分页
- 021 分区组合条件分页查询 - bos
- Mybatis if条件 模糊查询非利用example扩展类