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

踩坑经过

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

点击图中报错，产生报错页面如下：

当时写的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("修改失败"); }
		}
	});
});

上面写的内容也很简单，就是用jQuery中Ajax的post方法去提交修改密码的表单。按照语法来说，我写的语法并没有问题。在查了jQuery的api文档后，我怕决定改用向后台发送请求通用的$.ajax代替$.post,然后增加type属性,type="post"。然后问题就解决了。

解决办法：

1、用$.ajax代替$.post,增加type属性,type="post"

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

// 提交修改密码表单
$("#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("修改失败"); }
		}
	});
});

2、在我百度查看别人的博客时，发现了一个老哥的博客中还提到了jQuery版本过低的情况，这老哥的博客原文连接：(https://www.cnblogs.com/jinghun/p/6669623.html)，我使用的jQuery版本是1.11.3，若不能解决，可以尝试使用新版本的jQuery