话不多说直接上代码:
页面部分:
<table class="table table-hover table-bordered table-striped table-condensed text-center">
<tr class="danger">
<td>
<input id="fatherCheck" type="checkbox">
<button class="btn btn-danger btn-sm deleteAll">删除</button>
</td>
<td>姓名</td>
<td>工作</td>
<td>领导</td>
<td>入职时间</td>
<td>工资</td>
<td>奖金</td>
<td>部门编号</td>
<td>操作</td>
</tr>
<tbody id="tbody">
</tbody>
</table>
JS部分
//加载整个table数据
$(document).ready(function () {
$.ajax({
type: "GET",
url: "http://localhost/Day1125HomeWork/EmpServlet/list",
dataType: "json",//期望返回JSON对象,返回的json字符串不需要再parse()
success: function (data) {
var html = "";
for (let i = 0; i < data.length; i++) {
var emp = data[i]
html += "<tr class='danger '>" +
"<td><input type='checkbox'></td>" +
"<td>" + emp.ename + "</td>" +
"<td>" + emp.job + "</td>" +
"<td>" + emp.mgr + "</td>" +
"<td>" + emp.hireDate + "</td>" +
"<td>" + emp.sal + "</td>" +
"<td>" + emp.comm + "</td>" +
"<td>" + emp.deptNo + "</td>" +
"<td>" +
"<button class='btn btn-xs btn-info'>编辑</button>" +
"<button class='btn btn-xs btn-danger' οnclick='deleteOne()'>删除</button>" +
"</td>" +
"</tr>";
}
//嵌入页面
$("#tbody").html(html)
}
})
return false;
})