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即可。