Как отправить HTML-форму в самом модальном диалоговом окне JQuery UI

Question

Я использую диалоговое окно jquery ui для отображения формы. Когда я нажимаю на кнопку отправить, я хочу, чтобы форма выполняла действие в том же элементе div, который используется для отображения диалогового окна. Но после отправки формы ответ просто отображает возвращенную страницу в родительском окне, а не в диалоге.

Answer 1

Звучит так, как будто вы хотите использовать $ .get (), чтобы совершить удар ajax, чтобы загрузить новые данные или html, которые вы затем можете заполнить в диалоговом окне.

Answer 2

Когда ваша форма публикуется, обновляется вся страница, а не только содержащий элемент div. То, что вам нужно сделать, это использовать представления формы ajax и заставить сервер возвращать только обновленное содержимое div. Начните здесь . Обработчик ajax успеха затем заменит содержимое div ответом сервера.

Редактировать: Если вы не можете обновить формы ajax или изменить ответ, включив в него только содержимое DIV, непосредственной альтернативой будет размещение содержимого формы в iframe внутри div. Это может привести к тому, что сообщение формы обновится в пределах iframe и не повлияет на содержащийся элемент page / div.