问题现象：Form表单点击Button提交时，第一次调用接口会失败，接口status为canceld，但是第二次点击Button提交时，接口调用成功，具体截图如下：
原因是：
1.ajax请求时，有另外一个请求变更了当前的URL，导致当前正在执行的ajax进求进行中止操作。中止后该请求的状态码将为canceled。
2.而URL发生变更的原因是：Form表单的提交操作和表单中按钮的click事件同时发生了调用，其中按钮的click事件触发导致当前url发生了变更。
解决方法：
1.可以通过对ajax调用增加参数：async:false
2.可以在Form表单的提交handler中添加调用e.preventDefault();，细心的可以看下antD对于Form表单的范例代码。
关于e.preventDefault()的解释
问题现象：Form表单点击Button提交时，第一次调用接口会失败，接口status为canceld，但是第二次点...
注册页面的发送验证码是button按钮,没有写它的type="button" 所以发送AJAX请求时,表单也被提交...
title: 解决ajax请求服务器（PHP端）响应时间过长问题tags: [ajax,PHP,TTFB,请求时长...
1. 问题：如果解决前端的 ajax 请求跨域的问题 首先可以发送 ajax 请求的方法有哪些？ xhr js自带...
解决XMLHttpRequest请求的缓存问题：增加时间戳 解决AJAX应用的中文问题： 请求数据中包含中文，服务...
这个错误是因为多次刷新，ajax多次进行请求，而且请求数据过大导致。ajax默认异步请求，改成同步可以解决问题。
ajax跨域请求(jsonp) 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案JSONP jQue...
1.jsonp只能解决GET类型的ajax请求跨域问题2.jsonp请求不是ajax请求，而是一般的get请求3....
遇到ajax请求跨域问题，解决方式，改dataType为jsonp json和jsonp返回数据格式json格式 ...
问题：火狐浏览器页面本地ajax，get请求只获取text/javascript，html页面；解决：需要设置请求...
本文标题：解决ajax请求状态为canceld问题
本文链接：https://www.haomeiwen.com/subject/hinjaftx.html
网友评论