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

xiaoxiao2021-02-28  74

 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);             }         });                });
转载请注明原文地址: https://www.6miu.com/read-82816.html

最新回复(0)