ajax删除时,动态实现整行删除

jsp:

		<c:forEach items="${employees}" var="e">
			<tr id="${e.id}">
				<td>${e.id}</td>
				<td>${e.employeename}</td>
				<td>${e.employeepassword}</td>
				<td><a href="#" onclick="deleteEmpl('${e.id}')">删 除</a>
			</tr>
		</c:forEach>

ajax:

<script type="text/javascript">
		function deleteEmpl(a){
			var flag = confirm("你确定要删除吗?");
			if(flag){
				$.ajax({
					url:"delete",
					//在没有返回值之前,锁定服务器如果是true会开启同步,执行两个线程
					async:false,
					type:"POST",
					data:{id:a},
					success:function(data){
						 if("success" == data ) {
							 alert("删除成功");
							 $("#"+a).remove();
						 }	
					}
				});
			}
		}
</script>

controller:

	@ResponseBody
	@RequestMapping(value="/delete")
	public String employeeDelete(String id) {
		int result = employeeService.deleteEmployee(id);
		if(result>0) {
			System.out.println("success");
			return "success";
		}
		return "error";
	}
	

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值