踩坑经过

最近初学Ajax,当我想把Ajax应用到自己项目中的时候,没有达到理想的效果,还报了如下错误:

使用Ajax时[object%20object] 报错的解决方案

点击图中报错,产生报错页面如下:

使用Ajax时[object%20object] 报错的解决方案

当时写的Ajax如下:

// 提交修改密码表单
$("#changePasseword").click(function(){
	$.post({
		url: "${pageContext.request.contextPath }/ChangePasswordServlet",
		data:$("#changePasswordForm").serialize(),
		success:function(data){
			if(data=="修改成功"){
				alert("修改成功"); 
				$("#mainFrame").load("login.jsp");
			}else if(data=="用户未登录"){
				alert("用户未登录");
				$("#mainFrame").load("login.jsp");
			}else{ alert("修改失败"); }
		}
	});
});

解决办法:

上面的代码,修改过后如下:

// 提交修改密码表单
$("#changePasseword").click(function(){
	$.ajax({
		type: "post",
		url: "${pageContext.request.contextPath }/ChangePasswordServlet",
		data:$("#changePasswordForm").serialize(),
		success:function(data){
			if(data=="修改成功"){
				alert("修改成功"); 
				$("#mainFrame").load("login.jsp");
			}else if(data=="用户未登录"){
				alert("用户未登录");
				$("#mainFrame").load("login.jsp");
			}else{ alert("修改失败"); }
		}
	});
});

https://www.cnblogs.com/jinghun/p/6669623.html),我使用的jQuery版本是1.11.3,若不能解决,可以尝试使用新版本的jQuery

相关文章: