MUI框架Ajax获取数据然后在列表显示

 MUi使用AJax来获取数据与解析

mui.plusReady(function(){

           mui.ajax({
            url      : '地址',
            type     : 'GET',
            success  : function(data){
                var la=data.labrooms;
                var lablist=document.getElementById('test');
                console.log(la.length);
                for( i = 0; i < la.length; i++) { //循环后台传过来的Json数组  
                 var datas = la[i];  
                console.log(datas.lab_room_name);   
                var labname=datas.lab_room_name;
               var labno=datas.lab_room_number;
               var labaddress=datas.lab_room_address;
               var labnum=datas.reservation_number;
               lablist.innerHTML= lablist.innerHTML+'<li class="mui-table-view-cell mui-media" style="height: 6em;"><a href="orderlabroom.html" style="height: 6em;">'
                        +'<div class="mui-media-object mui-pull-left "  style="border-left: solid 0.5em #2ebae2; height: 100%;"></div>'
                        +'<div class="name">'+
                        labname
                        +'</div>'
                        +'<div class="noandaddress">'+
                        '<div class="labno">编号:'+
                        labno
                        +'</div>'+
                        '<div class="address">地址:'+
                        labaddress
                        +'</div>'+
                        '</div>'+
                        '<div class="num">数量:'+
                        labnum
                        +'</div>'
                    +'</a></li>';
                }                
            },
            dataType:'json',
            error    : function(xhr,type,errorThrown){
                mui.toast(type);
            }
        });
      
        });
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值