jquery ajax请求数据,并显示在页面上

使用ajax请求获取数据

$.ajax({     
            //要用post方式      
            type: "get",
            //方法所在页面和方法名      
            url: contextPath + '/tjbb/zhtjlist',    
            contentType: "application/json; charset=utf-8",     
            dataType: "json", 
            data:"filters="+angular.toJson(filters)+"",
            success: function(data) {     
               //清空数据     
            $("#listbody").empty();
               //返回的数据用data.rows获取内容
                $.each(data.rows, function(i, item) {
                    $("#listbody").append(
                    		"<tr>"+
                            "<td rowspan='5'>" + item.storeName + "</td>" + 
                            "<td>现金消费</td>"+
                            "<td>" + item.xjjf +"</td>"+
                            "</tr>"+
                            
                            "<tr>"+
                            "<td>储值卡消费</td>"+
                            "<td>" + item.czkxf +"</td>"+
                            "</tr>"+
                            
                            "<tr>"+
                            "<td>交费合计</td>"+
                            "<td>" + item.jfhj +"</td>"+
                            "</tr>"+
                            
                            "<tr>"+
                            "<td>营业金额</td>"+
                            "<td>" + item.yyje +"</td>"+
                            "</tr>"+
                            
                            "<tr>"+
                            "<td>实收现金</td>"+
                            "<td>" + item.ssxj +"</td>"+
                            "</tr>"
                    );
                    
                });
            },
            error: function(err) {     
                alert(err);     
            }

   

对应html代码:
<div class="container">
		<table class="table" id="list">
			<thead>
				<tr>
					<th>店名</th>
					<th>统计项</th>
					<th>金额</th>
				</tr>
			</thead>
			<tbody id="listbody">
			</tbody>
		</table>
	</div>

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值