jquery ajax异步加载table的方法
//显示详细信息 function showInfo(actionId, type) { $.post("Sys_Ajax/Sys_EmployInfo.ashx", { "type": "select", "actionId": actionId, "type2": type }, function (data, status) { if (status == "success") { var employs = $.parseJSON(data); $("#EmoplyList").empty(); //清空列表 var head = "<tr class=\'topTrStyle\'><td>姓名</td><td>编号</td><td>归属公司</td><td>直属部门</td><td>职位</td><td>角色</td><td>操作一</td><td>操作二</td></tr>"; $("#EmoplyList").append(head); //加载列表 for (var i = 0; i < employs.length; i++) { var tr = "<tr style=\'background-color: #E9F2F7; font-size: 10pt; height: 25px\'>"; // tr += "<td><a href=\'Employ_Edit.aspx?type=show&actionId=" + employs[i].Id + "&actionId2=" + actionId + "&type2=" + type + "&showTitle=查看用户信息\'>" + employs[i].Name + "</a></td>"; tr += "<td><a id=\'aInfo[" + i + "]\' href=\'javascript: void(0)\' onclick=\'javascript: editEmploy(\"show\",\"" + employs[i].Id + "\",\"" + actionId + "\",\"" + type + "\",\"查看用户信息\");return false;\'>" + employs[i].Name + "</a></td>"; tr += "<td>" + employs[i].Code + "</td>"; tr += "<td>" + employs[i].Corp + "</td>" tr += "<td>" + employs[i].Dept + "</td>"; tr += "<td>" + employs[i].Post + "</td>"; tr += "<td>" + employs[i].Role + "</td>"; tr += "<td><a id=\'aDel[" + i + "]\' href=\'javascript: void(0)\' onclick=\'javascript: del(" + employs[i].Id + ");return false;\'>删除</a></td>"; tr += "<td><a id=\'aEdit[" + i + "]\' href=\'javascript: void(0)\' onclick=\'javascript: editEmploy(\"edit\",\"" + employs[i].Id + "\",\"" + actionId + "\",\"" + type + "\",\"编辑用户信息\");return false;\'>编辑</a></td>"; tr += "</tr>"; $("#EmoplyList").append($(tr)); } //end for employs } //end if status }); //end post } //end showInfo