首页 > 编程语言 > 详细

后台查出来的数组显示在页面

时间:2021-03-30 20:27:44      阅读:17      评论:0      收藏:0      [点我收藏+]

HTML页面:

   <div class=" row t1" style="text-align:center;">
            <div class="form-group col-xs-2  col-md-offset-1">
                <div class="panel panel-danger" style="background-color:whitesmoke">
                    <div class="panel-heading" style="background-color:orangered;color:white">
                        <h3 class="panel-title">需扫描数</h3>
                    </div>
                    <div class="panel-body tt" style="color:orangered;font-size:15px;font-weight:bold;" data-key="Scaned">
                        0
                    </div>
                </div>
            </div>
            <div class="form-group col-xs-2  col-md-offset-2">
                <div class="panel panel-success" style="background-color:whitesmoke">
                    <div class="panel-heading" style="background-color:green;color:white">
                        <h3 class="panel-title">已扫描数</h3>
                    </div>
                    <div class="panel-body" style="color:green;font-size:15px;font-weight:bold;" id="tt" data-key="BeScaned">
                        0
                    </div>
                </div>
            </div>
            <div class="form-group col-xs-2 col-md-offset-2">
                <div class="panel panel-default" style="background-color:whitesmoke">
                    <div class="panel-heading" style="background-color:grey;color:white">
                        <h3 class="panel-title">待扫描数</h3>
                    </div>
                    <div class="panel-body" style="font-size:15px;font-weight:bold;" data-key="WaitScaned">
                        0
                    </div>
                </div>
            </div>
        </div>

JavaScript:

$.get(_reqUrl.getData, { MemberName: $.trim(MemberName) }, function (result) {                 
                    var model = result.Custom;                              
                    var t1 = model.t1[0]; //t1 = {Scaned: 2, BeScaned: 0, WaitScaned: 2};            
                    $.each($(‘.t1‘).find(‘div[data-key]‘), function (i, m) {
                        $(m).html(t1[$(m).attr(‘data-key‘)]);
                    });
                });

效果图:

技术分享图片

 

后台查出来的数组显示在页面

原文:https://www.cnblogs.com/nanxixi/p/14597510.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!