jquery在html中动态增加数据到table中

5 篇文章 0 订阅
4 篇文章 0 订阅

action中的代码如下:

public void queryEmpInfo() {
System.out.println(getModel().getName());
list = employeeInfoManager.getEmployeeInfoData(getModel());
PrintWriter out = null;
try {
out = ServletActionContext.getResponse().getWriter();
} catch(Exception e) {
e.printStackTrace();
}
ServletActionContext.getResponse().setContentType("text/html");
StringBuffer result = new StringBuffer();
result.append("[");
for(int i=0; i<list.size(); i++) {
result.append("{");
result.append("name:"+list.get(i).getName()+",");
result.append("certificate_number:"+list.get(i).getCertificate_number()+",");
result.append("telephone:"+list.get(i).getTelephone()+",");

 

值是字符串的情况(要加双引号):

for(int i=0; i<list.size(); i++) {
   result.append("{");
   result.append("id:"+list.get(i).getId()+",");
   result.append("travelLevel:\""+list.get(i).getTravel_level()+"\",");
   result.append("beginRebate:"+list.get(i).getBegin_rebate()+",");
   result.append("status:\""+list.get(i).getStatus()+"\",");
   result.append("endRebate:"+list.get(i).getEnd_rebate());
   result.append("},");
  }


result.append("mobile:"+list.get(i).getTelephone());
result.append("},");
}
result.deleteCharAt(result.length()-1);
result.append("]");
out.write(result.toString());
out.flush();
out.close();

}

jquery代码如下:

<script type="text/javascript">

$(function() { 
//var table = document.getElementById("datas");
//table.deleteRow(table.rows.length);
$('#empInfoQueryForm').submit(function() { 
$.ajax({ 
url: 'employeeInfo!queryEmpInfo.action', 
data: $('#empInfoQueryForm').serialize(), 
type: "post", 
cache : false, 
success: function(data) 
{
var table = document.getElementById("datas");
rowsNum = table.rows.length;
if(rowsNum > 1) {
for(var i=0; i<rowsNum-1; i++) {
table.deleteRow();
}
}
var j = $("<span>"+data+"</span>").html();
   var obj = eval("(" + j + ")"); 
   $.each(obj,function(i,n) {
    var tr = $("#employeeInfo_tr").clone();
    tr.find("#company_td").text("开发");
    tr.find("#name_td").text(n.name);
    tr.find("#certification_number_td").text(n.certificate_number);
    tr.find("#telephone_td").text(n.telephone);
    tr.find("#mobile_td").text(n.mobile);
    tr.find("#travelRank_td").text("1,差旅预定折扣限制:0.0折到5.0折");
    tr.find("#travelReserve_td").text("符合");
    tr.find("#chebox_td").html("<input type='checkbox' name='chkselect'/>");
    tr.appendTo("#datas");
   })
}
}); 
return false; 
}); 
});
</script>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值