ajax请求导致status为canceled的原因

在使用layui的form表单提交以后，请求状态总是canceled。后来在form表单的后面添加了一行代码： return false; 就可以了。
文档：https://www.layui.com/doc/modules/form.html#onsubmit
错误：
解决方法：

总结一下：
1.在URL变更后，会对当前正在执行的ajax进求进行中止操作。中止后该请求的状态码将为canceled
2.在使用到ajax的时候，尽量不要在form内使用button进行提交。表单提交时用的是自定义的button 调用ajax 和form表单中的属性action冲突，解决：去掉form标签只用button或者去掉button只用form。
3.ajax请求默认是异步的。把请求改成同步的就行了。解决：设置如下参数：async: false
4.return false主要是阻止页面跳转，并提交数据。如果去掉了，虽然同样会进行数据提交【前提是你有进行ajax操作】，但是会进行页面的刷新。
5.ajax嵌在form里提交，然后form的提交先于ajax,导致ajax的请求没有成功，状态为canceled。解决：在ajax完成后加一个return false;取消了form提交。

ajax请求导致status为canceled的原因相关推荐

Promise解决多个异步Ajax请求导致的代码嵌套问题(完美解决方案)
这篇文章主要介绍了用Promise解决多个异步Ajax请求导致的代码嵌套问题(完美解决方案),需要的朋友可以参考下问题前端小同学在做页面的时候,犯了个常见的错误:把多个Ajax请求顺序着写下来了, ...
layui表单提交使用form.on(‘submit(sub)‘,function (){}) 使用ajax请求时回调不执行的原因及解决方法
layui表单提交使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法参考文章: (1)layui表单提交使用form.on(' ...
ajax 请求被终止 chrome查询发现请求状态status为canceled
检查页面的network执行中发现页面被刷新了url改变了导致请求在请求过程中被终止了. 检查代码发现在 submit方法中最后写了个 location.reload();方法来重载页面虽然是卸 ...
http请求后status为canceled处理
1. 使用layui中的form表单,点击其中的按钮执行ajax请求,提示cancel 2.解决:将按钮type指定为button 注:https://blog.csdn.net/u010855333 ...
Ajax请求不带上cookie的原因
一个用Spring security做的权限系统,页面通过ajax来调用后台方法获取当前用户信息,之前一直用的好好的,今天打开一看发现一直获取不了当前登录的用户信息,即后台用SecurityConte ...
AJAX请求时status返回状态明细表 readyState的五种状态
为什么80%的码农都做不了架构师?>>> 在<Pragmatic Ajax A Web 2.0 Primer >中偶然看到对readyStae状态的介绍,感觉这个介 ...
struts2 ajax请求发现执行action两次原因
struts2中使用json插件执行ajax处理时,如果方法名是get方法的时候,方法会莫名其妙的执行两次. 原因: struts2 中JSON的原理是在ACTION中的get方法都会序列化,所以前面 ...
浏览器兼容模式下，ajax请求不成功原因
最近碰到一个bug,在浏览器的兼容模式下,监听select下拉框变化并发送ajax请求,只有第一次成功,后面发送一直失败.最终找到原因. ajax请求代码如下: 只有第一次值变化发送ajax请求成功, ...
ajax. jquery. 异步,jQuery之异步Ajax请求使用
$.ajax({type:'',data:'',async:''...}) 参数: 1.cache: true缓存页面 false 不缓存页面 (默认: true,dataType为script和js ...

ajax请求导致status为canceled的原因

ajax请求导致status为canceled的原因相关推荐

最新文章

热门文章