前端 ajax 改写登录界面

SSM 整合项目开发到一个阶段，想慢慢地把前台框架等技术引入进来

突然碰到一个困惑好久的问题：

ajax 替换原本 form 表单 post 提交登录：

一直 404 错误，心塞。。。。

最后发现原来是 ajax 绑定 button click 事件时候，会触发 form 表单的 post 方法，从而 改变 url 地址 cancel 掉了 XHR 的请求。。。阿西吧。。。

 记得去掉这个 form标签啊啊啊啊！！！

关键 AJAX 代码：

$("#login").click(function(){
    var allData = {'name':$("#userName").val() , 'password':$("#password").val()}
    $.ajax({
        type:"post",
        url:"${pageContext.request.contextPath}/loginCheck",
        contentType:"application/json;charset=utf-8",
        dataType:"json",
        data:JSON.stringify(allData),
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            alert(XMLHttpRequest.status);
            alert(XMLHttpRequest.readyState);
            alert(textStatus);
            alert(errorThrown)
        },
        success:function(data){
            alert(data['result']);
            var response=data['result'];
            if(response==="false"){
                window.location.href="/login";
            }
            else {window.location.href="/items/queryItems";}
        }
    })
});