踩坑经过
最近初学Ajax，当我想把Ajax应用到自己项目中的时候，没有达到理想的效果，还报了如下错误：
image
点击图中报错，产生报错页面如下：
image
当时写的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("修改失败"); }
}
});
});
