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+'
  • '
                            +'
    '
                            +'
    '+
                            labname
                            +'
    '
                            +'
    '+
                            '
    编号:'+
                            labno
                            +'
    '+
                            '
    地址:'+
                            labaddress
                            +'
    '+
                            '
    '+
                            '
    数量:'+
                            labnum
                            +'
    '
                        +'
  • ';
                    }                
                },
                dataType:'json',
                error    : function(xhr,type,errorThrown){
                    mui.toast(type);
                }
            });
          
            });

    你可能感兴趣的:(ajax)