1. 程式人生 > >Ajax 實現對查詢出的表單進行刪除/修改

Ajax 實現對查詢出的表單進行刪除/修改

(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();
}
}