JQuery中$.ajax()步骤与Bootstrap结合

JQuery中$.ajax()方法与Bootstrap结合
<li>
<a href="#" class="dropdown-toggle">
<i class="icon-list"></i>
<span class="menu-text">充值记录</span>
<b class="arrow icon-angle-down"></b>
</a>
<ul class="submenu" id="balance">
</ul>
</li>
<li>
<a href="#" class="dropdown-toggle">
<i class="icon-list"></i>
<span class="menu-text">消费情况</span>
<b class="arrow icon-angle-down"></b>
</a>
<ul class="submenu" id="shopping">
</ul>
</li>

    <script type="text/javascript">
        $(document).ready(function(){
       $.ajax({
   url:"mshop!getAllStoreAjax",
   datatype:"json",
   success : function(data){
              var shops = eval("("+ data+ ")");
              var dateArray = eval(shops);
              for(var i=0;i<dateArray.length;i++){
                  $("#balance").append("<li><a href='${ctx}/mbalance!getAllBalancePage?balance.shop_id="+dateArray[i].id+"'>"+"<i class="icon-double-angle-right"></i>"+dateArray[i].name+"</a></li>");
              $("#shopping").append("<li><a href='${ctx}/mbalance!getAllConsumePage?consume.shop_id="+dateArray[i].id+"'>"+"<i class="icon-double-angle-right"></i>"+dateArray[i].name+"</a></li>");
              } 
   }
   });
       });
       </script>

谁知道为什么
$("#balance").append("<li>...</li>");  $("#shopping").append("<li>...</li>");
没加进去？

------解决方案--------------------
没进for循环？ ;i<dateArray.length不满足？
------解决方案--------------------
你数据类型都指定为json了，不用eval了，再eval就出错了，而且dataType也没区分大小写
dataType:"json",
   success : function(data){
              /*var shops = eval("("+ data+ ")");
              var dateArray = eval(shops);*/