Como enviar o formulário HTML na própria caixa de diálogo modal da interface do usuário jQuery

Question

Estou usando a caixa de diálogo JQuery UI para exibir um formulário. Quando clicar em enviar, quero que o formulário execute a ação na mesma div, que é usada para exibir a caixa de diálogo. Mas após o envio do formulário, a resposta exibe a página retornada na janela dos pais e não dentro da caixa de diálogo.

Answer 1

Quando o seu formulário publica, a página inteira é atualizada, não apenas o elemento Div contendo. O que você precisa fazer é usar envios de formulários AJAX e fazer com que o servidor retorne apenas o conteúdo DIV atualizado. Começar aqui. O Handler de Success Ajax substituiria o conteúdo da DIV pela resposta do servidor.

Editar: se você não puder atualizar para os formulários do AJAX ou modificar a resposta para incluir apenas o conteúdo DIV, a alternativa imediata seria hospedar o conteúdo do formulário em um iframe dentro da div. Isso faria com que a postagem do formulário se atualizasse dentro do iFrame e não afetaria o elemento de página / div contém.

Answer 2

Parece que você deseja usar $ .get () para fazer um Ajax Hit para carregar alguns novos dados ou html que você pode preencher na caixa de diálogo.