form在提交时被取消:因为form没有被连接

- - form在提交时被取消因为form没有被连接
    - 问题定义
    - html标准中关于此问题的解释
    - 解决方案

问题定义

在实际的开发中我们可能会去动态的构造from表单进行一些数据的隐式提交，请注意是隐式提交，也就是实际上用户看不到，但是进行了某种数据向后台提交，需求十分的常见，但是由于HTML最新的标准规定，创建的form表单必须要加如到body中才能进行提交，我在实际的项目中就遇到了这个问题，解决办法会在下文中描述。出现的问题: Form submission canceled because the form is not connected.

html标准中关于此问题的解释

https://html.spec.whatwg.org/multipage/forms.html#form-submission-algorithm

解决方案

见代码：

var form = $("<form method='post'></form>");  //动态创建form表单
$(document.body).append(form);   //使用JQuery将上述表单加入到body中
document.body.appendChild(form);   //使用普通的js代码将刚刚创建的form表单加入到body中

form在提交时被取消:因为form没有被连接

form在提交时被取消:因为form没有被连接

问题定义

html标准中关于此问题的解释

解决方案

更多相关文章

随机推荐