Как я могу сохранить данные, которые пользователь ввел во всплывающую форму jQuery / Ajax?

Question

У меня есть форма на веб-сайте, с которым я работаю ( вы можете увидеть ее здесь ), которая позволяет моим пользователям оставлять отзывы. Это всплывающая форма jQuery / Ajax:

$('.contact_us').click(function(){
    var boxy_content;
    boxy_content += "<div style=\"width:300px; height:300px \"><form id=\"feedbacked\">";
    boxy_content += "<p>Subject<br /><input type=\"text\" name=\"subject\" id=\"subject\" size=\"33\" /></p><p>Your E-Mail Address:<br /><input type=\"text\" name=\"your_email\" size=\"33\" /></p><p>Comment:<br /><textarea name=\"comment\" id=\"comment\" cols=\"33\" rows=\"5\"></textarea></p><br /><input type=\"submit\" name=\"submit\" value=\"Send >>\" />";
    boxy_content += "</form></div>";

    // Other code here...

Могу ли я в любом случае сохранить то, что пользователь ввел в форму после того, как он нажал кнопку закрытия, и загрузить его в следующий раз, когда нажмем кнопку обратной связи?

Answer 1

Я бы предложил, чтобы вместо воссоздания всей квадратной формы при каждом нажатии кнопки обратной связи, создавать ее один раз в начале и просто показывать / скрывать ее, когда вы хотите ... таким образом, она будет поддерживать содержимое предыдущей отправки. ..

Также не переписывайте его содержимое с результатами вызова ajax. Создайте еще одно поле для сообщений ...

Answer 2

Почему бы не иметь форму HTML и обрабатывать ее в отдельном файле, а просто загрузить ее с помощью jQuery?

Она должна содержать ваш код в чистоте (без беспорядочного HTML в JavaScript), и вы можете легко реализовать«липкая» форма, выводя данные POST в значения формы на стороне сервера.

ОБНОВЛЕНИЕ

Загрузка формы в динамический iframe, чтобы при ее отправке пользователем всестраница не обновляется.