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