ajax无刷新更新表格内容

最新推荐文章于 2021-08-05 17:10:46 发布

飞翔的荷兰人

最新推荐文章于 2021-08-05 17:10:46 发布

阅读量2.3k

点赞数

分类专栏： js学习文章标签： jquery json

本文链接：https://blog.csdn.net/hjt321658/article/details/21234041

版权

这篇博客介绍了如何使用jQuery和Ajax实现表格内容的无刷新更新。通过监听表格中非编号列的点击事件，将被编辑单元格转换为输入框，用户修改后通过Ajax发送POST请求到后台进行数据更新。完成编辑后，恢复单元格内容并移除输入框。

摘要由CSDN通过智能技术生成

<div id="Table">
				<table class="table">
					<thead>
						<tr>
							<td class="numberCol">
								<div class="td-content"> </div>
							</td>
							<td class="table-index sortable desc">
								<div class="td-content">系统名称</div>
							</td>
							<td class="table-index sortable desc">
								<div class="td-content">版本号</div>
							</td>
						</tr>
					</thead>
					<tbody>
					       <tr class="line">
							<td class="numberCol" data="1">
								<div class="td-content">1</div>
							</td>
							
							<td class="table-index" filed="sy_name">
								<div class="td-content">winxp</div>
							<