laravel5.6中jquery+ajax分页

public function shows(Request $request){
        $p=$request->get("page");
        $page=empty($p)?1:$p;
        $count=DB::table("shop")->count();
        $length = 4;
        $num_page = ceil($count/$length);
        $limit = ($page-1)*$length;
        $data=DB::select("select * from shop limit $limit,$length");
        $arr[‘data‘]=$data;
        $arr[‘home_page‘] = 1;
        $arr[‘prev_page‘] = $page-1<=1?1:$page-1;
        $arr[‘next_page‘] = $page+1>=$num_page?$num_page:$page+1;
        $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="3">
        <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>

原文地址:https://www.cnblogs.com/yingyong/p/10766666.html

时间: 2024-11-05 18:50:49

laravel5.6中jquery+ajax分页的相关文章

ASP.NET中实现Ajax分页

在页面中指定一个div容器来接收动态生成的分页数据: 1 <div id="div_menu"> 2 </div> 使用jQuery来请求并处理Json格式数据: 1 //定义页码与页容量 2 var pageIndex = 1; 3 var pageSize = 15; 4 var pageCount = 0; 5 var recordCount = 0; 6 AjaxGetData(pageIndex, pageSize); 7 //Ajax获取数据 8 f

jquery ajax分页插件特效源代码demo完整版

原文:jquery ajax分页插件特效源代码demo完整版 源代码下载地址:http://www.zuidaima.com/share/1550463586798592.htm 网上找的,原版本没有测试数据和建表脚本啥的,我给加上了.

Pagination jquery ajax 分页参考资料

http://www.zhangxinxu.com/wordpress/2010/01/jquery-pagination-ajax%E5%88%86%E9%A1%B5%E6%8F%92%E4%BB%B6%E4%B8%AD%E6%96%87%E8%AF%A6%E8%A7%A3/ 个人博客参考 中文项目地址:http://www.zhangxinxu.com/jq/pagination_zh/ 原项目地址:http://plugins.jquery.com/project/pagination 版

ASP.NET中JQuery+AJAX调用后台

做订餐系统手机端时,遇到一个问题,实现登录功能时,我要调用后台的方法进行验证和判断.我们应用的是webForm进行开发的,正常情况下只要绑定按钮的方法,前后台对应就可以实现.但是,手机端应用MUI样式之后,就不适用于这种情况了.基于这个问题,我们使用JQuery+Ajax技术,其实MUI中也自带ajax技术. 实现过程: webForm代码: function login() { var name = document.getElementById("username").value;

thinkphp中的ajax分页

thinkphp中用ajax分页和普通的ajax分页的区别在于处理位置的不同,thinkphp是在控制器的方法中处理ajax传的值,然后返回数据.下面是一个点击事件触发后,显示的内容用ajax分页. 下面的示例是同一个类别下,根据点击不同的分类显示出点击的分类的数据. 需要修改的地方用黄色背景标示. 1.ajax处理页面 $(".php_list").click(function(){//点击事件,可以根据自己的要求修改.也可以放在$(document).ready(function(

jquery ajax 分页

<script src="../Js/jQuery/jquery-1.8.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("#pages").val(Math.ceil(50 / 10)); }); //翻页 function

Spring MVC中jquery ajax传递view

springMVC项目中遇到要使用jqueryAjax向前台传递动态表格的需求,原来的做法是在js中接收数据然后拼接成表格再给jsp显示,后来在这个国外的网站上看到了如下的使用"模板"的设计,觉得很是合理,自己测试了一下,觉得比之前js中拼接好用很多,大大减少了js的压力.我就直接复制原作者的回答了(回答真的很详细了),记录一下,感觉自己又成长了. MyController.java @Controller public class MyController {     @Reques

jquery+ajax分页

先看效果图: 实现原理很简单,使用了jquery.pagination这个插件,每当点击页码时异步去服务器去取该页的数据,简单介绍如下: 一.数据库表结构:很简单  就四个字段 分别是News_id  News_title  News_time  News_readtimes 二.前台页面代码: <head runat="server"> <title>JQuery无刷新分页</title> <link href="Styles/co

jquery ajax 分页2

/* * 分页 $("#divPager").flexipager * 2015.03.17 */ //初始化列表默认属性 (function($) { $.addFlex = function(t, p) { if (t.pager) return false; // 若已经存在Pager - DIV 对象则return p = $.extend({ url: false, // 获取数据源对应的url地址 async: true, // 默认异步加载(false=同步) metho