ajax请求成功回调函数没有执行问题

如下常见的ajax前端请求，请求成功后success：function(result){ 这里的数据没有执行 }：

 $.ajax({
            type:"post",
            url:"http://localhost:8080/user/insertUser",
            xhrFields:{widthCredentials:true},//这里解决跨域问题需要结合后端哦
            data:{
                "username":$("#username").val(),
                "password":$("#password").val()
            },
            success:function (result) {
                if (0==result.code){
                    alert("注册成功");//这里没有正常弹出
                    window.location.href ="login.html";
                   
                }else {
                    alert("注册失败，请重新注册");
                }
            },
            error:function (result) {
                alert("未知错误");
            }
        })

回调函数没有正常执行，解决办法： 添加async: false,（默认是true）;
如上：false为同步，这个Ajax请求将整个浏览器锁死，
只有url请求中后台的方法执行结束后，才可以执行其它操作。

当async: true 时，ajax请求是异步的。但是其中有个问题：ajax请求和其后面的操作是异步执行的，那么当后台方法还未执行完，就可能已经执行了 ajax请求后面的操作。然而，data这个数据是在ajax请求success后才赋值的，结果，输出时会为空。
所以导致一种回调函数没有被调用的假象。

问题2

在添加async: false；后success回调函数能够正常alert弹窗，但是下面的window.location.href ="login.html";不能正常跳转，这个时候您检查一下您绑定的点击button按钮是否是 type="button"，如果是submit改成button即可。