踩坑经过

最近初学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版本过低的情况，这老哥的博客原文连接：()，我使用的jQuery版本是1.11.3，若不能解决，可以尝试使用新版本的jQuery