jQuery ajax请求错误返回status 0和错误error的问题 ： ajax error:{"readyState":0,"status":0,"statusText":"error"}

异常描述：

第一次ajax，后台都没问题，但是却进入error方法，错误码0，错误信息error。以后再ajax就没问题。

解决方法：

将button的type从submit改为button，因为submit会默认提交表单，而点击事件又绑定ajax，于是ajax请求就被cancel了。

<form id="login-form" role="form" class="form">
        <div class="form-group form-username">
                <input type="text"
                             name="username"
                             placeholder="用户名"
                             class="form-control col-sm-5"
                             id="form-username">
        </div>
        <div class="form-group form-password">
                <input type="password"
                             name="password"
                             placeholder="密码"
                             class="form-control col-sm-5"
                             id="form-password">
        </div>
        <#--将button的type从submit改为 button，因为submit会默认提交表单，而点击事件又绑定ajax，于是ajax请求就被cancel了。-->
        <button id="login-btn" type="button" class="btn btn-success login-btn">提交注册</button>
</form>