//控制器
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分页和搜索的更多相关文章

  1. laravel——ajax分页&删除&搜索

    一.视图代码 /*搜索*/<form action="javascript:search_brand()" name="searchForm"> & ...

  2. ajax分页效果、分类联动、搜索功能

    一.使用smarty+ajax+php实现无刷新分页效果 效果图 <!DOCTYPE html> <html lang="en"> <head> ...

  3. Thinkphp+Ajax带关键词搜索列表无刷新分页实例

    Thinkphp+Ajax带关键词搜索列表无刷新分页实例,两个查询条件,分页和搜索关键字,懂的朋友还可以添加其他分页参数. 搜索#keyword和加载内容区域#ajax_lists <input ...

  4. [jQuery]jQuery DataTables插件自定义Ajax分页实现

    前言 昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分 ...

  5. Datatable+Springmvc+mybatis(分页+排序+搜索)_Jquery

    一.简介 通过Jqury的Datatable插件,构造数据列表,并且增加或者隐藏相应的列,已达到数据显示要求.同时, jQuery Datatable 强大的功能支持:排序,分页,搜索等. 二.前台分 ...

  6. MvcPager 概述 MvcPager 分页示例 — 标准Ajax分页 对SEO进行优化的ajax分页 (支持asp.net mvc)

    该示例演示如何使用MvcPager最基本的Ajax分页模式. 使用AjaxHelper的Pager扩展方法来实现Ajax分页,使用Ajax分页模式时,必须至少指定MvcAjaxOptions的Upda ...

  7. 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 ...

  8. ajax分页实现(php)

    ajax分页实现(php) 使用jquery.pagination.js插件 引入js文件.css文件 <link rel="stylesheet" href="/ ...

  9. 原生javascript实现分页效果+搜索功能

    一.概述 首先,我们要明确为何需要分页技术,主要原因有以下: 1.分页可以提高客户体验度,适当地选择合适的数据条数,让页面显得更有条理,使得用户体验感良好,避免过多数据的冗余. 2.提高性能的需要. ...

随机推荐

  1. Linux——查找占用磁盘体积最大的前10个文件

    前言 服务器上传文件失败了,才开始没考虑到磁盘原因还以为是自己的scrt的问题,还好df -h看了下,最后发现磁盘满了,真是.... 查找 find / -type f -print0 | xargs ...

  2. 【java异常】redis.clients.jedis.exceptions.JedisConnectionException: Could not get a resource from the pool

    产生此错误的原因通常是: 一.Redis没有启动: 我自己遇到一次这样的问题.汗! 二.由于防火墙原因无法连接到Redis; 1.服务器防火墙入站规则. 2.访问Redis的应用程序所在主机的出站规则 ...

  3. openpose开发(1)官方1.5版本源码编译

    环境 WIN10系统,联想Y7000配置,8G内存 VS2019 cuda10 cudnn10 opencv4.11没有扩展库 显卡 1050TI 用到的库(提前下载好的模型,依赖库,user_cod ...

  4. hadoop exit code 退出码含义

    原文传送门:http://www.2cto.com/database/201308/236519.html "OS error code 1: Operation not permitted ...

  5. BZOJ 3132: 上帝造题的七分钟 树状数组+差分

    这个思路很巧妙啊 ~ code: #include <cstdio> #include <algorithm> #define N 2050 #define ll int #d ...

  6. Shell里的特殊符号

    Shell里的特殊符号: (1)单引号: 由单引号括起来的符号都作为普通字符处理,他们都失去了特殊意义. (2)双引号: 除美元符号($).倒引号.反斜线(\)仍保留特殊含义外,其余符号都作为普通字符 ...

  7. 【CSP-S膜你考】不怕噩梦 (模拟)

    不怕噩梦 题面 蚊子最近经常做噩梦,然后就会被吓醒.这可不好.. 疯子一直在发愁,然后突然有一天,他发现蚊子其实就是害怕某些事. 如果那些事出现在她的梦里,就会害怕. 我们可以假定那个害怕的事其实是一 ...

  8. java_home not found in your enviroment 问题解决方法

    java_home not found in your enviroment 错误原因有一下几点 1. JAVA_HOME系统环境没配置, JAVA_HOME环境变量配置方法: <1> 右 ...

  9. 【cf比赛记录】Educational Codeforces Round 78 (Rated for Div. 2)

    比赛传送门 A. Shuffle Hashing 题意:加密字符串.可以把字符串的字母打乱后再从前面以及后面接上字符串.问加密后的字符串是否符合加密规则. 题解:字符串的长度很短,直接暴力搜索所有情况 ...

  10. terminal使用kubectl.exe delete pod podname删不掉

    今天通过kubernetes的dashboard进行删除有问题或者重启次数太多的pod,发现删不掉,然后就在本地尝试使用terminal进行删除 先获取指定namespace下的所有的pod,根据st ...