json 返回dataObj是一条对象,才可以如下动态拼接,若是集合则$.each(function(i,n))

574 篇文章 4 订阅

$(function(){
$.ajax(
{
type: “get”,
async: false,
url:"<%=request.getContextPath()%>/yzs/houseZlDp.action",
// dataType:“json”,
error: function(){
alert(‘操作失败’);
},
success: function(data){
alert(data);
var dataObj = JSON.parse(data);
alert(dataObj);
//dataObj是一条对象

         var html ='';
      //    html+='<li class="fl"> <p class="fl">楼栋<br> <span>  10</span> </p> <p class="fl">总面积㎡<br><span>12000</span></p><p class="fl">11<div id="dateTime"></div></p></li>';
       
         html+=' <div> ';
	     html+=' <ul class="data_menu">';
	     html+='  <li class="fl"  >';
		 html+='  <p class="fl">楼栋<br><span>100</span></p>';
		 html+='  <p class="fl">总面积㎡<br><span>12580</span></p> '; 
		 html+='   <p class="fl">'+dataObj.fbean.a3+''; 
		 html+='  <div id="dateTime"></div>'; 
		 html+='  </p>'; 
		 html+='  </li>'; 
		 html+=' <li class="fl" >'; 
		 html+='  <p class="fl">已租(间)<br><span>20</span></p>'; 
		 html+='  <p class="fl">总面积㎡<br><span>12000</span></p>'; 
		 html+='  <p class="fl">'+dataObj.fbean.a3+' '; 
		 html+='  <div id="dateTime2"></div>'; 
		 html+='  </p>'; 
		 html+='  </li>'; 
		 html+='  <li class="fl">'; 
		 html+='  <p class="fl">已售<br><span>0</span></p>'; 
		 html+=' <p class="fl">总面积㎡<br><span>0</span></p>'; 
		 html+='  <p class="fl">'+dataObj.fbean.a3+''; 
		 html+=' <div id="dateTime3"></div></p>'; 
		 html+=' </li>'; 
		 html+=' <li class="fl">'; 
		 html+='  <p class="fl">业主<br><span>0</span></p>'; 
		 html+=' <p class="fl">本年新增<br><span>0</span></p>'; 
		 html+=' <p class="fl">'+dataObj.fbean.a3+''; 
		 html+='  <div id="dateTime4"></div></p>'; 
		 html+=' </li>'; 
		 html+=' <li class="fl">'; 
		 html+=' <p class="fl">租客<br><span>200</span></p>'; 
		 html+='  <p class="fl">本年新增<br><span>21</span></p>'; 
		 html+='  <p class="fl">'+dataObj.fbean.a3+''; 
		 html+=' <div id="dateTime5"></div></p>'; 
		 html+=' </li>'; 
		 html+=' </ul>'; 
	    html+=' </div>'; 
        $("#mban").before(html); 
     
        
        }
    }
 );

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值