laravel layui 加载更多

9 篇文章 0 订阅
6 篇文章 0 订阅

js代码

<script type="text/javascript">
        order_status = <?php echo isset($_GET['order_status']) ? intval($_GET['order_status']) : -1;?>;
        token = "{{ csrf_token() }}";
        layui.use('flow', function () {
            $ = layui.jquery;
            flow = layui.flow;
            flow.load({
                elem: '#lay_order_list'
                , scrollElem: '#tops'
                , isLazyimg: true
                , mb: 50
                , end: '没有更多啦!'
                , done: function (page, next) {

                    count = 0; //总页数
                    var limit = 10;//每页显示的条数
                    var pages = limit * (page - 1);// 起始行数
                    setTimeout(function () {
                        var lis = [];
                        $.ajax({
                            type: "get",
                            async: false,
                            url: "{{url('user_ajax')}}?order_status=" + order_status + "&page=" + pages,
                            //data: "order_status=" + order_status + "&_token=" + token + "&page=" + first + "&limit=" + limit,
                            dataType: 'json',
                            success: function (msg) {
                                if (msg) {
                                    count = msg.count;
                                    for (var i = 0; i < msg.list.length; i++) {
                                        var html = '';
                                        msgs = msg.list[i];
                                        var goodsarr = msgs.to_goods;
                                        var refund_url = "{{route('refund/send')}}?order_id=" + msgs.id;
                                        var receipt_url = "{{route('receipt')}}?id=" + msgs.id;
                                        var _token = "{{csrf_token()}}";
                                        var order_detail = "{{url('order/deal')}}?order_id=" + msgs.id;
                                        html += "<li>";
                                        html += "<div class=\"top\">";
                                        html += "<p>";
                                        html += "<a  href=\"" + order_detail + "\" class=\"sd\">订单号:" + msgs.order_sn + "</a>";
                                        html += "<span style=\"color: #94cc3d;\">" + msgs.status + "</span>";
                                        html += "</p>";
                                        html += "</div>";
                                        for (var j = 0; j < goodsarr.length; j++) {
                                            var comment_url = "{{route('comment/send')}}?goods_id=" + goodsarr[j].id;
                                            html += "<div class=\"bottom\">";
                                            html += "<div class=\"left\">";
                                            html += "<img style=\"width: 1.5rem\" src=\"" + goodsarr[j].goods_images + "\">";
                                            html += "</div>";
                                            html += "<div class=\"right\">";
                                            html += "<p>" + mySubString(goodsarr[j].goods_name, 30) + "</p>";
                                            html += "<span>" + goodsarr[j].goods_price + "HE</span>";
                                            if (msgs.status == '已完成') {
                                                html += "<a href=\"" + comment_url + "\" class='buttonsty' >去评价</a>";
                                            }
                                            html += "</div>";
                                            html += "</div>";

                                        }

                                        //var order_id =
                                        html += "<div class=\"bottom_btn\">";

                                        if (msgs.status == '未付款') {
                                            html += "<a href=\"##\">未付款</a>";
                                            html += "<a href=\"##\">去支付</a>";
                                        }

                                        if (msgs.status == '已付款') {
                                            html += "<a href=\"" + refund_url + "\">退货</a>";
                                            html += "<a href=\"##\">已付款</a>";
                                            html += "<a href=\"##\">待发货</a>";
                                        }
                                        if (msgs.status == '已发货') {
                                            html += "<a href=\"" + refund_url + "\">退货</a>";
                                            html += "<a href=\"##\">待收货</a>";
                                            html += "<a data-value=\"" + msgs.id + "\" data-token=\"" + _token + "\" data-href=\"" + receipt_url + "\" class=\"ajax-order\" style=\"background: #ff6d1f;border: 1px solid #e25306\" >确认收货</a>";
                                        }
                                        /* if( msgs.status == '已完成'){
                                             html += "<a href=\"##\">去评论</a>";
                                             html += "<a href=\"##\">已完成</a>";
                                         }*/
                                        if (msgs.status == '已取消') {
                                            html += "<a href=\"##\">已取消</a>";
                                        }

                                        html += "</div>";
                                        html += "</li>";
                                        lis.push(html);
                                    }

                                }

                            }
                        });
                        next(lis.join(''), page < count); //总页数

                    }, 500);
                }
            });

        });

    </script>
    <script>
        function mySubString(str, len, hasDot) {
            var newLength = 0;
            var newStr = "";
            var chineseRegex = /[^\x00-\xff]/g;
            var singleChar = "";
            var strLength = str.replace(chineseRegex, "**").length;
            for (var i = 0; i < strLength; i++) {
                singleChar = str.charAt(i).toString();
                if (singleChar.match(chineseRegex) != null) {
                    newLength += 2;
                } else {
                    newLength++;
                }
                if (newLength > len) {
                    break;
                }
                newStr += singleChar;
            }
            if (hasDot && strLength > len) {
                newStr += "...";
            }
            return newStr;
        }
    </script>

html代码

 <section id="tops">
        <div class="Dd_list" id="Dd_list">
            <!--代付款-->

            <div class="list list_1">
                <ul id="lay_order_list"></ul>
            </div>

            <input type="hidden" name="_token" value="{{csrf_token()}}">
        </div>
    </section>

php代码 是一个二维数组

public function orderDataAjax(Request $request)
    {
        $sql = Order::where('id', '>', 0);
        $data = $request->input();
        $page=intval($data['page']);
        $limit=10;
        if (isset($data['order_status']) && $data['order_status'] != -1) {
            $sql->where('status', '=', $data['order_status']);
        }
        $counts = $sql->with('toGoods')->orderBy('id', 'desc')->count();
        $count = ceil($counts/$limit);
        $list = $sql->with('toGoods')->orderBy('id', 'desc')->offset($page)->limit($limit)->get()->toArray();
        $obj = new static();
        if ($list) {
            $obj->code = 0;
            $obj->count = $count;
            $obj->list = $list;
            $obj->msg = "订单";
        }
        return response()->json($obj);
    }

结果

 

不知道为什么无法自动加载,只能点击加载

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值