提交javascript變量內的表單

Question

我試過了

var form = $('.form').clone();
form.submit();

所以我正在嘗試提交一個可變表單內的表單，該表單由於從其他表單中克隆而無法完全呈現在頁面上...但是我沒有看到任何跡象表明該表單已提交

我的問題是...這個用例是否一開始就可能？ 您可以使用jquery提交包含在javascript變量中但實際上未呈現在頁面上的表單嗎？

如果不是，是否可以通過某種方式對其進行調整，以便您確實可以在變量內提交表單？ （當然沒有在頁面上重新渲染它）

Answer 1

我的猜測是，不能提交不屬於活動DOM的表單（即，不“呈現”為頁面的一部分）。

您可能可以通過將表單作為不可見元素添加到頁面中來解決（例如，作為具有display:none樣式的div的子代）。 或者，您可以根據表單內容構建AJAX請求 。

Answer 2

在提交文檔之前，需要將克隆的form元素附加到文檔主體。

但是，為什么需要克隆並提交？ 無論如何，即使將頁面附加到正文並提交，頁面也會刷新。

為什么不使用ajax提交表單？

Answer 3

這是我過去所做的事情：

var form;

form = document.createElement("form");
$(form)
.attr("method", "post")
.attr("style", "display: none")
.attr("action", "your_url");

document.body.appendChild(form);

form.submit();
$(form).remove();