отправка формы, которая находится внутри переменной javascript

Question

Я пытался

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

, поэтому я пытаюсь отправить форму внутри переменной, которая не точно отображается на странице, так как она была клонирована из другой формы ... но я не вижукакие-либо признаки того, что форма была отправлена ​​

мой вопрос ... вообще возможен ли этот вариант использования вообще?Можете ли вы использовать jquery для отправки формы, которая содержится в переменной javascript и фактически не отображается на странице?

Если нет, то можно ли как-то настроить его, чтобы действительно можно было отправить форму внутри переменной?(без перерисовки на странице, конечно)

Answer 1

Вам необходимо добавить клонированный элемент form в тело документа перед его отправкой.

Но зачем вам клонировать и отправить? В любом случае страница обновится, даже если вы добавите ее в тело сообщения и отправите.

Почему вы не используете ajax для отправки формы?

Answer 2

Вот как я это делал в прошлом:

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();

Answer 3

Я полагаю, что форма, которая не является частью активного DOM (то есть не "отображается" как часть страницы), не может быть отправлена.

Возможно, вы можете обойти эту проблему, добавив форму кстраница как невидимый элемент (например, как потомок элемента div со стилем display:none).В качестве альтернативы вы можете создать AJAX-запрос из содержимого формы.