ajax分页和搜索
//控制器
function show(Request $request){
$page=$request->page?$request->page:1;
$size=4;
$pian=($page-1)*$size;
$sql=DB::select("select * from scores ");
$count=count($sql);
$end=ceil($count/$size);
$res=DB::select("select * from scores limit $pian,$size");
return view("show",["data"=>$res,"end"=>$end]);
} //视图层
<input type="text" name="sou" id="sou"><input type="button" value="搜索" class="page">
<input type="hidden" value="1" id="shou">
<input type="hidden" value="<?=$end?>" id="wei">
<a href="#" class="page">首页</a>
<a href="#" class="page">上一页</a>
<a href="#" class="page">下一页</a>
<a href="#" class="page">尾页</a>
<?php
for ($i=1;$i<=$end;$i++){
echo "<a href='#' class='page' id='{$i}' >{$i}</a>";
}
?>
//jquery
$(document).on("click",".page",function () {
shou=$("#shou").val();
wei=$("#wei").val();
text=$(this).text();
sou=$("#sou").val();
if (text=="首页"){
page=1;
} else if(text=="上一页"){
page=parseInt(shou)-1<1?1:parseInt(shou)-1;
}else if(text=="下一页"){
page=parseInt(shou)+1>wei?wei:parseInt(shou)+1;
}else if(text=="尾页"){
page=wei
}else {
page=1
}
alert(page)
$.ajax({
url:"fen",
type:"post",
dataType:"json",
data:{
page:page,
sou:sou
},
success:function (data) {
str="";
$.each(data,function (k,v) {
str+= '<tr>'
str+= '<td>'+v.id+'</td>'
str+= '<td>'+v.name+'</td>'
str+= '<td>'+v.monty+'</td>'
str+= '<td><image src="../'+v.file+'" width="100" height="100" ></image></td>'
str+= '<td>'+v.type+'</td>'
str+= '</tr>';
})
$("#tb").html(str);
$("#shou").val(page);
}
})
})
function fen(requset $req){
$sou=$req->post("sou");
if (empty($sou)){
$page=$req->post("page")?$req->post("page"):1;
$size=4;
$pian=($page-1)*$size;
$sql=DB::select("select * from goods");
$count=count($sql);
$end=ceil($count/$size);
$res=DB::select("select * from goods limit $pian,$size");
return json_encode($res);
}else{
$page=$req->post("page")?$req->post("page"):1;
$size=4;
$pian=($page-1)*$size;
$sql=DB::select("select * from goods");
$count=count($sql);
$end=ceil($count/$size);
$res=DB::select("select * from goods where name like '%$sou%'" );
return json_encode($res);
}
}
ajax分页和搜索的更多相关文章
- laravel——ajax分页&删除&搜索
一.视图代码 /*搜索*/<form action="javascript:search_brand()" name="searchForm"> & ...
- ajax分页效果、分类联动、搜索功能
一.使用smarty+ajax+php实现无刷新分页效果 效果图 <!DOCTYPE html> <html lang="en"> <head> ...
- Thinkphp+Ajax带关键词搜索列表无刷新分页实例
Thinkphp+Ajax带关键词搜索列表无刷新分页实例,两个查询条件,分页和搜索关键字,懂的朋友还可以添加其他分页参数. 搜索#keyword和加载内容区域#ajax_lists <input ...
- [jQuery]jQuery DataTables插件自定义Ajax分页实现
前言 昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分 ...
- Datatable+Springmvc+mybatis(分页+排序+搜索)_Jquery
一.简介 通过Jqury的Datatable插件,构造数据列表,并且增加或者隐藏相应的列,已达到数据显示要求.同时, jQuery Datatable 强大的功能支持:排序,分页,搜索等. 二.前台分 ...
- MvcPager 概述 MvcPager 分页示例 — 标准Ajax分页 对SEO进行优化的ajax分页 (支持asp.net mvc)
该示例演示如何使用MvcPager最基本的Ajax分页模式. 使用AjaxHelper的Pager扩展方法来实现Ajax分页,使用Ajax分页模式时,必须至少指定MvcAjaxOptions的Upda ...
- PHP+jQuery 列表分页类 ( 支持 url 分页 / ajax 分页 )
/* ******* 环境:Apache2.2.8 ( 2.2.17 ) + PHP5.2.6 ( 5.3.3 ) + MySQL5.0.51b ( 5.5.8 ) + jQuery-1.8.3.mi ...
- ajax分页实现(php)
ajax分页实现(php) 使用jquery.pagination.js插件 引入js文件.css文件 <link rel="stylesheet" href="/ ...
- 原生javascript实现分页效果+搜索功能
一.概述 首先,我们要明确为何需要分页技术,主要原因有以下: 1.分页可以提高客户体验度,适当地选择合适的数据条数,让页面显得更有条理,使得用户体验感良好,避免过多数据的冗余. 2.提高性能的需要. ...
随机推荐
- 张兴盼-201871010131 《面向对象程序设计(java)》第六、七周学习总结
张兴盼-201871010131 <面向对象程序设计(java)>第六.七周学习总结 项目 内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh ...
- c3p0参数
<c3p0-config> <default-config> <!--当连接池中的连接耗尽的时候c3p0一次同时获取的连接数.Default: 3 --> < ...
- 提高 Visualforce 页面加载效率的小知识
一般原则 在设计页面时,我们要将页面的功能降至最少,不要包含多余的功能和数据,以最大化提高运行效率 如果需要开发的功能可以通过 Salesforce 的标准功能实现,那么尽量使用标准功能,比如 工作流 ...
- django -- ORM实现图书增删改查
表结构设计 上篇我们实现了出版社的增删改查,出版社数据表有两个字段id和name,那图书的表结构怎么设计呢?图书也要有一个主键id,还要有一个名称title,是哪个出版社的,要有个字段press和Pr ...
- MySQL数据库索引类型、MySQL索引的优化及MySQL索引案例
关于MySQL索引的好处,如果正确合理设计并且使用索引的MySQL是一辆兰博基尼的话,那么没有设计和使用索引的MySQL就是一个人力三轮车.对于没有索引的表,单表查询可能几十万数据就是瓶颈,而通常大型 ...
- 洛谷 P2253 好一个一中腰鼓! 题解
P2253 好一个一中腰鼓! 题目背景 话说我大一中的运动会就要来了,据本班同学剧透(其实早就知道了),我萌萌的初二年将要表演腰鼓[喷],这个无厘头的题目便由此而来. Ivan乱入:"忽一人 ...
- 编码格式检测chardet模块
chardet模块: -->检测编码格式 未知编码的bytes,要把它转换成str,就需要知道该bytes的编码方式 #1.直接检测bytes >>> chardet.dete ...
- ROS+gre over ipv6,在ipv6的基础上建立GRE隧道
感谢群众大神 @镜花水月全程技术支持.感谢! 环境: 1.阿里云华北5,申请ipv6测试,申请ECS带ipv6公网ip 2.为了便于测试便捷,在vultr创建2.5美元的vps,带ipv6 对了,测试 ...
- 为什么需要动态SQL
为什么需要动态SQL 在使用EF或者写SQL语句时,查询条件往往是这样一种非常常见的逻辑:如果客户填了查询信息,则查询该条件:如果客户没填,则返回所有数据. 我常常看到很多人解决这类问题时使用了错误的 ...
- Spring boot配置文件application.properties和bootstrap.properties的区别
spring boot 有两种配置文件 (1)application.properties(application.yml) 系统级别的一些参数配置,这些参数一般是不会变动的 (2)bootstrap ...