AJAX实现异步刷新

最新推荐文章于 2024-12-02 06:14:00 发布

原创最新推荐文章于 2024-12-02 06:14:00 发布 · 389 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍如何在JSP页面中运用AJAX技术实现异步数据刷新，通过这种方式提升用户体验，避免整个页面重新加载。内容涵盖AJAX的基本原理和在实际应用中的步骤。

AJAX实现异步刷新

jsp页面：

<a href="javascript:void(0)" onclick="deleteUserById(${user.userId},this)">删除</a>

script代码：

<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>

<script type="text/javascript">
	
	function deleteUserById(userId,obj){
		$.post("DeleteUserServlet",{id:userId},function(data){
			if("删除成功"==data){
				alert(data);
				$(obj).parent().parent().remove();
			}else{
				alert(data);
			}
		});
	}
	
</script>

Servlet代码：

response.setContentType("text/html");
response.setCharacterEncoding("UTF-8");
PrintWriter out = response.getWriter();
int userId = Integer.parseInt(request.getParameter("id"));
UserDao userDao = UserDao.getInstance();
if(userDao.deleteUserByUserId(userId)){
	out.print("删除成功");
}else{
	out.print("删除失败");
}