Ajax 实现对查询出的表单进行删除/修改

本文介绍了一种使用JS和AJAX实现表格数据的动态更新和删除的方法。通过具体的函数实现,如update_sql_ctd用于修改数据名称,changeSqlctd负责提交更改并更新数据库,而delete_sql_ctd则实现了数据的删除操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

(1)JS 代码段

<c:forEach items="${resultList}" var="map" varStatus="cnt">

<td > <a href="#" onclick="delete_sql_ctd('<%=path %>','${map.data_code}', '${map.type_code}')" >删除</a>&nbsp;&nbsp;
<a href="#" onclick="update_sql_ctd('${map.data_code}', '${map.type_code}','${map.data_name }')" >修改</a>
</td>

(2)function代码

function update_sql_ctd(data_code, type_code,data_name,ODR) {
 var data_name_td = $("#" + type_code +"_"+data_code);
 jQuery(data_name_td).html('<input name="data_name_new" value="'+data_name+'" onblur="changeSqlctd(\''+data_code+'\',\''+type_code+'\',this)" />');
 
}
function changeSqlctd(data_code, type_code,obj){
var data_name_td = $("#" + type_code +"_"+data_code); 
var data_name_val = obj.value;
jQuery.ajax({
  type: "post",
  url:  "update_sql_ctd.do",
  data: {data_code: data_code, type_code: type_code, data_name:data_name_val},
  success: function(msg){
  jQuery(data_name_td).html(data_name_val + ' ');
 
  window.location.reload(true); 
  }
});  
}

function delete_sql_ctd(path,data_code, type_code){
  
if(confirm("确认要删除?")){
       
var form0 = document.forms[0];
form0.action = path+"/delete_sql_ctd.do?data_code="+data_code+"&type_code="+type_code; 
form0.submit();
}
}



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值