AJAX POST 后跳转页面Form submission canceled because the form is not connected的问题解决

最新推荐文章于 2022-04-15 20:24:47 发布
最新推荐文章于 2022-04-15 20:24:47 发布
阅读量1.8k 收藏
点赞数
分类专栏： php web 文章标签： thinkphp jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zha_stef/article/details/69662097
版权
在使用AJAX进行POST提交时遇到'Form submission canceled because the form is not connected'错误。参考HTML标准和StackOverflow上的解答，通过在document.body中添加form解决了问题。错误源于如果表单未关联到浏览上下文，提交会被取消。解决方案是在AJAX请求前将form添加到document.body。
摘要由CSDN通过智能技术生成


参考了这篇文章：https://segmentfault.com/q/1010000000473230 后报错误：Getting Error “Form submission canceled because the form is not connected”
 

然后在：http://stackoverflow.com/questions/42053775/getting-error-form-submission-canceled-because-the-form-is-not-connected 找到了答案，增加了 $(document.body).append(form);后问题解决。


具体原理如下：


Details : According to the HTML standards, if the form is not associated browsing context(document), form submission will be aborted.

最低0.47元/天 解锁文章
卧似昭昂
关注
专栏目录
Form submission canceled because the form is not connected解决办法
马句
09-20 5325
用户反馈一个功能不能正常使用 一个很久没用的功能，代码也没动过 先贴下原js代码 // 创建Form var form = $('<form></form>'); // 设置属性 form.attr('action', '/report/make'); form.attr('metho...
Chrome报表单提交错误，Form submission canceled because the form is not connected
qq_30616169的博客
03-13 1万+
之前在Chrome里运行正常的代码，Chrome升级到56后报表单提交错误： Form submission canceled because the form is not connected 代码如下： function submitData(name) { var form = $('' +'' +'+ nam
前端错误 Form submission canceled because the form is not connected
weixin_41379244的博客
06-09 2221
js创建form, 提交表单失败 前端错误信息： Form submission canceled because the form is not connected 提交失败原因： 动态创建form提交会被拦截，不符合Http规范，必须把form添加到body中 解决方案： body中创建一个空div标签 js动态生成form字符串后添加到body中 发起请求 请求成功后清除标签中内容 Jsp <body> <!-- div标签 --> &
Form submission canceled because the form is not connected 解决办法
热门推荐
zxycherry的博客
09-06 1万+
Form submission canceled because the form is not connected. 主要是用js构造表单时出现的问题, 原因是没有把 form 放置到 body中, 所以加上$(“body”).append(form); 就可以解决了.题外—– chrome 60.0.3112.101（正式版本） （64 位）版本中提示该错误, 360 8.1版本 急
http://blog.csdn.net/id_no_chinese/article/details/70228121
jinjun_luo的博客
06-27 277
jquery使用 Form submission canceled because the form is not connected
JS上传文件出现Form submission canceled because the form is not connected
博客
04-20 531
在进行JS多文件上传的时候，在谷歌浏览器出现了如下提示信息 Form submission canceled because the form is not connected 出现这个错误的原因是创建了对象，但是没有写入到页面。解决方法就是将创建的对象写到页面再进行表单提交。 $(document.body).append($form); 或者原生DOM方法 document.body...
Ajax-Codeigniter-3-Ajax-Form-Submission.zip
09-17
Ajax-Codeigniter-3-Ajax-Form-Submission.zip,“codeigniter 3 ajax表单提交和验证教程”一集的源代码,ajax代表异步javascript和xml。它是多种web技术的集合，包括html、css、json、xml和javascript。它用于创建...
利用ajax提交form表单到数据库详解(无刷新)
10-18
传统的表单提交（form submission）需要通过HTTP POST或GET方法将数据发送到服务器端的脚本文件中，并且在提交后页面会发生跳转或者刷新。ajax技术允许我们在不重新加载整个页面的情况下，使用JavaScript中的...
js-ajax-form-submission-源码.rar
10-10
本压缩包"js-ajax-form-submission-源码.rar"（实际应为"js-ajax-form-submission-源码.zip"）可能包含一个用于演示或教学目的的AJAX表单提交的完整示例。下面将详细解释AJAX表单提交的相关知识点。 1. **AJAX基础*...
js-ajax-form-submission:有关使用AJAX提交HTML表单的教程。 影片连结
05-12
在"js-ajax-form-submission-master"这个压缩包文件中，可能包含的资源有源代码示例、视频教程脚本或者其他辅助材料，帮助你更好地理解和实践这个教程。通过学习和实践这些内容，你将能够熟练地使用AJAX来提交HTML...
jquery使用 Form submission canceled because the form is not connected
id_no_chinese的博客
04-18 9645
1.chrome56版本以后修复form提交的bug，form = $('')创建好后，要$(document.body).append(form); 然后form.submit();
jquery使用 Form submission canceled because the form is not connected
JSF的博客
05-05 408
chrome56版本以后修复form提交的bug，form = (′<form></form>′)创建好后，要('<form></form>')创建好后，要(document.body).append(form); 然后form.submit();
Jquery组织Form表单提交之Form submission canceled because the form is not connected
08-30 470
有时候导出Excel时需要根据某些条件筛选数据，然后将数据通过NPOI生成Excel并导出。组织数据时可以通过放到一个表单中，某些场景是使用脚本(如：jquery)组织一个form(通过字符串拼接)，然后将这个from的转换成jquery对象或者Dom对象，再调用对应的submit方法。 例子如下，有一个html页面 <!DOCTYPE html> <html...
ecstore购物车结算表单Form submission canceled because the form is not connected
qq_36788284的博客
03-21 379
Form submission canceled because the form is not connected 将b2c\view\wap\cart\index.html中的js的 // 购物车结算 $('.J_settlement').bind('click',function(e){ $('<form>').attr({ 'ac...
jquery提交form，请求没有发送，Form submission canceled because the form is not connected
万里飞鹏的博客
05-17 639
项目需求，ajax请求controller,返回数据，提交form，但是请求没有发出$.ajax({ type: 'POST', url: "xxxxxxx", contentType: 'application/json; charset=utf-8', success: function (data) {// var form = $(" &lt;...
react+ts 弹窗组件
ladream的博客
04-15 1604
最后效果: 1.效果图 2.检查表单项的格式3.格式无误时，控制台打印表单内容 遇到的报错： react Form submission canceled because the form is not connected input内按回车会出发表单的默认提交事件 解决方式：将button的type设置为button Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until
In addition, we need to be aware that the alert here is not set within the condition, so it does not affect submitting lead.
最新发布
05-12
Yes, that is correct. If the alert is not within the condition, it will not affect the submission of the lead. The alert will simply be triggered regardless of whether the condition is met or not. If you want the alert to only be triggered when the condition is met, you need to place it within the condition.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值