laravel5.6中jquery+ajax分页
public function shows(Request $request){
$p=$request->get("page");
$page=empty($p)?:$p;
$count=DB::table("shop")->count();
$length = ;
$num_page = ceil($count/$length);
$limit = ($page-)*$length;
$data=DB::select("select * from shop limit $limit,$length");
$arr['data']=$data;
$arr['home_page'] = ;
$arr['prev_page'] = $page-<=?:$page-;
$arr['next_page'] = $page+>=$num_page?$num_page:$page+;
$arr['last_page'] = $num_page;
return view("/index/month/shows",['list'=>$arr]);
}
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<center>
<form action="/index/month/search" method="post">
<input type="text" name="goods">
<input type="submit" value="搜索">
</form>
<table border="">
<tr>
<td>ID</td>
<td>商品</td>
<td>积分</td>
<td>操作</td>
</tr>
<?php foreach ($list['data'] as $key=>$v) {?>
<tr>
<td><?php echo $v->id ?></td>
<td><?php echo $v->goods ?></td>
<td><?php echo $v->socre ?></td>
<td><a href="/index/month/buy?goods=<?php echo $v->goods ?>&socre=<?php echo $v->socre ?>"><button>点击购买</button></a></td>
</tr>
<?php }?>
</table>
<a href="javascript:void(0);" onclick="page({{$list['home_page']}})">首页</a>
<a href="javascript:void(0);" onclick="page({{$list['prev_page']}})">上一页</a>
<a href="javascript:void(0);" onclick="page({{$list['next_page']}})">下一页</a>
<a href="javascript:void(0);" onclick="page({{$list['last_page']}})">尾页</a>
</center>
</body>
</html>
<script src="/js/jquery.js"></script>
<script>
function page(obj){
$.get("/index/month/shows?page="+obj,
function(data){
$("body").html(data);
}
);
}
</script>
laravel5.6中jquery+ajax分页的更多相关文章
- tp5框架中jquery+ajax分页
jaxa分页,点击按钮直接替换数据, //php代码$page=Request::instance()->param("page"); $page = empty($page ...
- 转:精心挑选的12款优秀 jQuery Ajax 分页插件和教程
在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 ...
- 12款优秀 jQuery Ajax 分页插件和教程
12款优秀 jQuery Ajax 分页插件和教程 在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 W ...
- 分享一个手机端好用的jquery ajax分页类
分享一个手机端好用的jquery ajax分页类 jquery-ias.min.js 1,引入jquery-ias.min.js 2,调用ajax分页 <script type="te ...
- jquery ajax分页写法
jquery ajax分页写法我用的是laypage插件 前端代码<pre> function demo(curr) { $.getJSON('/home/index/getinfo', ...
- 精心挑选的12款优秀 jQuery Ajax 分页插件和教程
在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 ...
- Pagination jquery ajax 分页参考资料
http://www.zhangxinxu.com/wordpress/2010/01/jquery-pagination-ajax%E5%88%86%E9%A1%B5%E6%8F%92%E4%BB% ...
- 12款优秀jQuery Ajax分页插件和教程
在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 ...
- thinkphp中的ajax分页
thinkphp中用ajax分页和普通的ajax分页的区别在于处理位置的不同,thinkphp是在控制器的方法中处理ajax传的值,然后返回数据.下面是一个点击事件触发后,显示的内容用ajax分页. ...
随机推荐
- cordova获取相册照片插件的使用方法:cordova-plugin-image-picker
1. 添加插件:cordova plugin add cordova-plugin-image-picker 2.调用方法: 3.参考 : http://www.cnblogs.com/lyxy/p/ ...
- ubutu16.04 安装Tenda u12无线网卡驱动
ubutu16.04 安装Tenda u12无线网卡驱动 一些问题: 1) Tenda u12 linux版本的驱动支持 kernel 2.6 到 4.4,而前系统内版本核为4.10,所以编译不过去啦 ...
- ruoyi管理系统建立子项目,卡住
这个一定不要勾选,不然依赖加了还是引用不到.
- Win10无法访问网上邻居电脑共享的文件夹怎么办
Win10无法访问网上邻居电脑共享的文件夹怎么办 现在许多电脑上装的都是Win系统,Win10无法访问网上邻居电脑共享的文件夹怎么办呢?下面小编为大家介绍下解决的方法吧! 1点击桌面上的“此电脑”图标 ...
- 20175202 《Java程序设计》迭代和JDB
一.任务详情 二.设计过程的问题及解决 1.程序编译时一直提示编译出现错误. 原因及解决:本以为声明对象和创建对象一起进行时,可以直接采用如zhubajie = new Xiyoujirenwu(); ...
- logback root level logger level 日志级别覆盖?继承?
1. logback-spring.xml 配置 <appender name="STDOUT" class="ch.qos.logback.core.Consol ...
- Mediawiki PlantUML Graphviz 图片 中文 乱码
安装Mediawiki 的 PlantUML Graphviz 插件后,生成图片时,中文成乱码问题. 环境:Ubuntu 16.04 MediaWiki 1.31.1 PHP 7.0.32-0 ...
- C语言volatile关键字-漫画(转)
转载地址:https://zhuanlan.zhihu.com/p/56191979 ————— 第二天 ————— ———————————— Java内存模型简称JMM(Java Memory Mo ...
- 带查询参数 可分页 的 T-SQL 语句写法
) DECLARE @pageindex int DECLARE @pagesize int DECLARE @classid int set @keys = '' ; ; ; with temptb ...
- [ZZ] 多领域视觉数据的转换、关联与自适应学习
哈工大左旺孟教授:多领域视觉数据的转换.关联与自适应学习 http://blog.sciencenet.cn/home.php?mod=space&uid=3291369&do=blo ...