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

【error】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>
点赞