欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

订单页点击跳转到对应位置

程序员文章站 2022-07-14 08:44:35
...

工作日志 随手笔记 仅供参考

订单页点击跳转到对应位置

订单页点击跳转到对应位置

订单页点击跳转到对应位置

当你从上一页点击相应的内容时,将id携带到下一页,通过判断id 去判断点击的

比如我点击第一页的待发货,将待发货的id携带到下一页 在下一页去判断 上一页携带过来的id 是否相等

 //    全部订单
        $(document).on('click','.all_Order',function () {
            var order_state = $(this).data('id');
          window.location.href = 'order.html?buyer_id=1'+'&order_state='+ order_state
        })
//待发货 、待收货 、待付款 、已收货
        $(document).on('click','.Order',function () {
            console.log($(this).data('id'));
            var order_state = $(this).data('id');
            window.location.href = 'order.html?buyer_id=1'+'&order_state='+ order_state
        })
function GetRequest() { //将上一页数据携带过来
            var url = location.search; //获取url中"?"符后的字串
            var theRequest = new Object();
            if (url.indexOf("?") != -1) {
                var str = url.substr(1);
                strs = str.split("&");
                for (var i = 0; i < strs.length; i++) {
                    theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
                }
            }
            return theRequest;
        }

        var buyer_id = GetRequest().buyer_id; //用户id
        var order_state = GetRequest().order_state; //订单状态
   

        $('.header_whole').map(function () { 
            if ($(this).data('id') == order_state) { //判断订单状态
                $(this).addClass("active"); //添加下划线
                $(this).siblings().removeClass("active");
                $.ajax({
                    url: **********,
                    type: "GET",
                    data: {
                        buyer_id: buyer_id,//用户id
                        order_state: order_state//订单状态
                    },
                    success: function (res) {
                        console.log(res);
                        if (res.result == "暂无订单") { //如果暂无订单 就显示暂无订单页面
                            var no_order = "no-order"; 
                            var tem_no_order = template(no_order, res);
                            $(".order_modal").html(tem_no_order)
                        } else { //如果有数据直接渲染模板
                            var order = "order";
                            var tem_order = template(order, res.result);
                            $(".order_modal").html(tem_order)
                        }

                    }
                });
            }
        })
//点击订单状态 订单状态:10:未付款;20:已付款;30:已发货;40:已收货;
        $(".header_whole").on("click", function () { //点击订单状态 加载不同数据
            console.log($(this).context.innerHTML);
            $(this).addClass("active");
            $(this).siblings().removeClass("active")
            var order_state = $(this).data('id');
            console.log(order_state);
            $.ajax({
                url: "*************",
                dataType: 'json',
                type: "GET",
                data: {
                    buyer_id: 1,
                    order_state: order_state //订单状态
                },
                success: function (res) {
                    console.log(res)

                    if (res.result == "暂无订单") {
                        var no_order = "no-order";
                        var tem_no_order = template(no_order, res);
                        $(".order_modal").html(tem_no_order)
                    } else {
                        var order = "order";
                        var tem_order = template(order, res.result);
                        $(".order_modal").html(tem_order)
                    }
                }
            })
        })