通过ajax实现登录功能 无法正常实现页面跳转

通过ajax实现登录功能 无法正常实现页面跳转

通过Ajax实现一个非常简单的页面的登录功能，后端未报错且成功返回参数，前端无法实现页面跳转。
原因：form表单和ajax不能同时使用

登录页面代码：

    
Login Form
    

        
    
    

        
    
    

        
    
    

        登  录
        
    
    

        注册用户
        忘记密码?
    

ajax请求部分：

$("#login").click(function () {
    var userName = $("#userName").val();
    var password = $("#password").val();
    $.ajax({
        type: "POST",
        url: "user/login",
        data: {
            "username": userName,
            "password": password
        },
        dataType: "json",
        contentType: "application/x-www-form-urlencoded; charset=utf-8",
        traditional: true,
        success: function (result) {
            console.log(result);
            if (result.code == 0) {
                alert(result.message)
            } else if (result.code == 1) {
                window.location.href = "index.html";
            }
        },
        error: function (result) {
            alert("检索出错！");
        }
    });
});

页面不跳转的原因是登录页面使用了form标签，换成div即可，代码如下：

    
Login Form
    

        
    
    

        
    
    

        
    
    

        登  录
        
    
    

        注册用户
        忘记密码?