通过Ajax进行删除操作

来源:互联网 发布:js ie8 appendchild 编辑:程序博客网 时间:2024/05/16 11:40
1. jsp页面
<a href="*?id=${id }" class="delete">删除</a>
<!-- 设置一个隐藏域方便获取l名字-->
<input type="hidden" value="${Name }"> 
<script type="text/javascript">

$(function(){
//1. 点击 delete 时, 弹出 确定是要删除 xx 的信息吗 ? 若确定, 执行删除, 若不确定, 则取消
$(".delete").click(function(){
var Name = $(this).next(":input").val();
var flag = confirm("确定要删除" + Name + "的信息吗?");
if(flag){
//a 标签的parent()是td, td 标签的parent()是tr
var $tr = $(this).parent().parent();
//删除, 使用 ajax 的方式
var url = this.href;
var args = {"time":new Date()};
$.post(url, args, function(data){
//若 data 的返回值为 1, 则提示 删除成功, 且把当前行删除
if(data == "1"){
alert("删除成功!");
$tr.remove();
}else{
//若 data 的返回值不是 1, 提示删除失败. 
alert("删除失败!");
}
});
}
//取消超链接的默认行为
return false;
});
})
</script>

2.  在Action类中:
public String delete() {
try {
//根据Id删除信息,*Service为业务逻辑层。
*Service.delete(id);
      //以下代码固定
inputStream = new ByteArrayInputStream("1".getBytes("UTF-8"));
} catch (Exception e) {
e.printStackTrace();
try {
inputStream = new ByteArrayInputStream("0".getBytes("UTF-8"));
} catch (UnsupportedEncodingException e1) {
e1.printStackTrace();
}
}
return "ajax-success";
}

}

3. struts.xml://固定代码
 <package name="default" namespace="/" extends="struts-default">
<action name="*" class="*" method="delete">
<result type="stream" name="ajax-success">
       <param name="contentType">text/html</param>
       <param name="inputName">inputStream</param>
   </result>
</action>      
    </package>


  
0 0
原创粉丝点击