想点击提交按钮表格中“编辑”这个链接发送AJAX请求

2009-07-17 02:02:03 155 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

mrchildrenmrchildren 墨衍会员 · AI 创作全网分发关注 + 加入社区

layui工具条事件绑定后端数据（删除，编辑）样式：首先要为数据表格加载删除/编辑按钮 <script type="text/html" id="barDemo"> //barDemo是表头中‘操作’这一列的id <a class="layui-btn layui-btn-xs" lay-event="edit">编辑保存</a> <a class="... 阅读详情

<table border="1" width="800">
<tr>
<th colspan="4">
<span class="title">部门管理</span>
</th>
</tr>
<tr bgcolor="#F0F3F8">
<td>
部门名称
</td>
<td>
人数
</td>
<td>
操作
</td>
<td>
查看
</td>
</tr>
<tr bgcolor="#FAFAFA">
<td>
全部客服
</td>
<td>
1
</td>
<td>
-
</td>
<td>
<a href="manageServer.jsp">查看成员</a>
</td>
</tr>
<tbody id="deptsTable">
<c:forEach items="${depts}" var="dept">
<tr>
<td>
${dept.deptname }
</td>
<td>
${dept.deptcount }
</td>
<td>
<a href="#" id="del_${dept.id }">删除</a>
<a href="javascript:void(0)"
onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">编辑</a>
</td>
<td>
<a href="manageServer.jsp">查看成员</a>
</td>
</tr>
</c:forEach>
</tbody>
</table>

<c:forEach items="${depts}" var="dept">
<div id="light" class="white_content">
<a href="javascript:void(0)"
onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"
id="close">关闭</a>
<br>
部门名称：
<input type="text" name=ndeptname id="ndeptname" />
<br>
部门人数：
<input type="text" name=ndeptcount id="ndeptcount" />
<br>
<input type="button" value="提交" id="update_${dept.id }"
onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">
<input type="reset" value="重置">
</div>
<div id="fade" class="black_overlay"></div>
</c:forEach>
</body>

想点击提交按钮表格中“编辑”这个链接发送AJAX请求该怎么做呀！！！！！

...全文