jQuery UI 모달 대화 자체에서 HTML 양식을 제출하는 방법

Question

jQuery UI 대화 상자를 사용하여 양식을 표시하고 있습니다. 제출을 클릭하면 대화 상자를 표시하는 데 사용되는 동일한 DIV에서 액션을 수행 할 수 있습니다. 그러나 양식 제출 후 응답은 대화 상자가 아닌 상위 창에 반환 된 페이지를 표시합니다.

Answer 1

양식을 게시하면 포함 된 DIV 요소뿐만 아니라 전체 페이지가 새로 고침됩니다. 당신이해야 할 일은 Ajax 양식 제출물을 사용하고 서버가 업데이트 된 div 컨텐츠 만 반환하도록하는 것입니다. 시작 여기. 성공 AJAX 핸들러는 DIV 컨텐츠를 서버의 응답으로 바꾸게됩니다.

편집 : AJAX 양식으로 업그레이드하거나 DIV 컨텐츠 만 포함하도록 응답을 수정할 수없는 경우 DIV 내의 iframe에서 양식 내용을 호스팅하는 것입니다. 이로 인해 양식 게시물이 iframe 내에서 자체적으로 업데이트되며 포함 된 페이지 / div 요소에 영향을 미치지 않습니다.

Answer 2

$ .get ()를 사용하여 AJAX 히트를 수행하여 새로운 데이터 또는 HTML을로드하여 대화 상자에 채울 수 있습니다.