layui项目显示待处理项

最新推荐文章于 2023-07-28 20:16:44 发布

牧童牵黄牛

最新推荐文章于 2023-07-28 20:16:44 发布

阅读量408

点赞数

分类专栏： lay-ui 文章标签： layui 前端 javascript

本文链接：https://blog.csdn.net/weixin_41692437/article/details/126268741

版权

lay-ui 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

先上显示效果

F12返回值

html部分

<li class="layui-nav-item is-card2"><a href="{:url('admin/carddo/index')}">待充值<span class="layui-badge" id="card_num1"></span></a></li>
<li class="layui-nav-item is-card2"><a href="{:url('admin/orderwait/index')}">待处理订单<span class="layui-badge" id="card_num2"></span></a></li>
<li class="layui-nav-item is-card2"><a href="{:url('admin/card/card_invest_list1')}">待审核充值<span class="layui-badge" id="card_num3"></span></a></li>

js部分

$(document).ready(function(){ 

            $.ajax({
                    url:'/index.php/admin/carddo/card_count',
                    type:'post',
                    // data:data.field,
                    dataType:"json",
                    success:function(data){
                         console.log(data)

                        if(data.err_code == 1){
                            // $('#card_num').innerHTML = card_data.data;
                            document.getElementById("card_num1").innerHTML = data.data.num1;
                            document.getElementById("card_num2").innerHTML = data.data.num2;
                            document.getElementById("card_num3").innerHTML = data.data.num3;

                        }
                    }
                });
        });

需要注意的是,利用了layui的新的特性,span标签的layui-badge类,然后给span标签赋值的话,需要用.innerHTML的方式去赋值

PHP代码不重要,故不做展示,根据接受值返回三个值而已