php动态获取行数据,ajax异步获取数据后动态向表格中添加数据(行)

1、HTML页面

xx信息查询

预定截止日期

SEQ

订单号

排序字段

酒店seq

订单号

cellid

class="ui right floated positive button btn-search"/>

hotelSeq酒店名称订单号联系人手机号预定时间userIdcellidgps定位城市wifi定位城市定位距离

2、cheat-order.js

$(function () {

$('#btSearch').click(function () {

var checkDate = $('#checkDate').val();

var orderNo = $('#orderNo').val();

var sortFiled = $('#sortFiled').val();

var hotelSeq = $('#hotelSeq').val();

var tbody=window.document.getElementById("tbody-result");

$.ajax({

type: "post",

dataType: "json",

url: "ac/order/queryCheatOrder",

data: {

hotelSeq: hotelSeq,

orderNo: orderNo,

sortFiled: sortFiled,

checkDate: checkDate

},

success: function (msg) {

if (msg.ret) {

var str = "";

var data = msg.data;

for (i in data) {

str += "

" +

"

" + data[i].hotel_seq + "" +

"

" + data[i].hotel_name + "" +

"

" + data[i].order_no + "" +

"

" + data[i].user_phone + "" +

"

" + data[i].create_time + "" +

"

" + data[i].user_id + "" +

"

" + data[i].cellid + "" +

"

" + data[i].gps_city + "" +

"

" + data[i].cell_city + "" +

"

" + data[i].distance + "" +

"

";

}

tbody.innerHTML = str;

}

},

error: function () {

alert("查询失败")

}

});

});

});

3、示例图

备注：css已经删除了，效果比上面示例图要差些