thinkphp6+ajax 分页

获取数据库中大量的信息显示在页面上，必然要使用到分页查询；

若不使用Ajax，而是用其他的方法，肯定是要刷新页面的，用户体检很不好，

所以最好使用Ajax的方法写分页查询；

引入jquery包：

php代码

public function order_lists(Request $request){//接收参数$params = $request->get();//计算偏移量$count = ($params['page'] - 1) * $params['limit'];// 模板输出$result =EbLiveStudio::limit($count, $params['limit'])->select();$count = EbLiveStudio::count();//返回给前台return json(['code' => 0,'data' => $result,'count' => $count,'msg' => '操作成功']);}

前台页面

<div class="layui-card-body "><table class="layui-hide" id="test"></table>
</div>

js事件 需要用ajax，这个方法主要起后台查询，且分页的作用：

<script>layui.use('test', function(){var table = layui.table;table.render({elem: '#live_table',url:'/cms/Curd/order_lists/', limit: 5, page: true //开启分页,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增,cols: [[{field:'id', width:80, title: 'id', sort: true},{field:'live_title', width:120, title: '用户名'}, {field: 'live_image', title: '直播二维码', minWidth: 150, align: 'center', templet: '#img'}, {align: 'center', title: '操作', toolbar: '#barDemo'}]]});});//显示大图片function showBigImage(e) {layer.open({type: 1,title: false,closeBtn: 0,shadeClose: true, //点击阴影关闭area: [$(e).width + 'px', $(e).height + 'px'], //宽高content: "<img src=" + $(e).attr('src') + " />"});}
</script>
<script type="text/html" id="barDemo"><a class="layui-btn layui-btn-xs" lay-event="detail"  onclick="genQrCode(this)" >生成直播二维码</a><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/html" id="img"><div><img src="{{d.live_image}}" style="width:20px;height:20px" onclick="showBigImage(this)"></div>
</script>

页面效果：

thinkphp6+ajax 分页相关推荐

java ajax jquery分页插件_分享精心挑选的12款优秀jQuery Ajax分页插件和教程
摘要:这篇jQuery栏目下的"分享精心挑选的12款优秀jQuery Ajax分页插件和教程",介绍的技术点是"jquery_ajax分页插件.jquery_ajax.a ...
PHP、jQuery、jQueryPager结合实现Ajax分页
建立html文件: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...
think php ajax分页,thinkPHP5框架实现基于ajax的分页功能示例
本文实例讲述了thinkPHP5框架实现基于ajax的分页功能.分享给大家供大家参考,具体如下: 最近一个页面的选项卡又牵扯到ajax分页,所以研究了一下tp5的ajax分页使用方法首先看一下tp5 ...
ajax分页实现（php）
ajax分页实现(php) 使用jquery.pagination.js插件引入js文件.css文件 <link rel="stylesheet" href="/ ...
Thinkphp ajax分页
Thinkphp中用ajax分页和普通的ajax分页的区别在于处理位置的不同,thinkphp是在控制器的方法中处理ajax传的值,然后返回数据.下面是一个点击事件触发后,显示的内容用ajax分页. ...
php ajax 分页phpapi,ajax分页_php ajax分页代码
摘要腾兴网为您分享:php ajax分页代码,智慧农业,长沙银行,一折包邮,信和财富等软件知识,以及381.65,红娘牵线,中经油马,战地小,歌词制作,唯美会,微软必应输入法,邓州在线,螺丝钉,侠客 ...
使用MVCPager做AJAX分页所需要注意的地方
1.版本问题,推荐使用2.0以上,对ajax支持才比较的好了 2.当需要使用页索引输入或下拉框以及使用Ajax分页模式时,必须用Html.RegisterMvcPagerScriptResource方 ...
discuz的ajax,discuz分页函数改成基于jqueryd的ajax分页函数
/** *AJAX分页 *$num 为总共的条数比如说这个分类下共有15篇文章 *$perpage为每页要显示的条数 *$curpage为当前的页数 *$url为请求路径, *$obj为html ...
java ajax jquery分页插件_jquery ajax分页插件的简单实现
说到基于jQuery的ajax分页插件,那我们就先看看主要的代码结构: 1.首先定义一个pager对象: var sjPager = window.sjPager = { opts: { //默认属性 ...

thinkphp6+ajax 分页

thinkphp6+ajax 分页相关推荐

最新文章

热门文章