bootstrap lidar com uma submissão de formulário de ajax

Eu tenho tentado obter este formulário para carregar por alguns dias agora, mas tudo que posso conseguir é o formulário para enviar para uma página (não o que eu quero, eu quero o formulário para enviar e, em seguida, fechar o modal e, em seguida, colocar um mensagem de sucesso do news.php para o detentor de “obrigado” div).

Alguém pode identificar o problema que estou tendo onde será carregado a página “news.php”?

e o javascript é:

  $(document).ready(function () { $("button#addNews").click(function(){ $.ajax({ type: "POST", url: "news.php", data: $('form.addNew').serialize(), success: function(msg){ $("#thanks").html(msg) //hide button and show thank you $("#newsModal").modal('hide'); }, error: function(){ alert("failure"); } }); }); });  

Você não passou o object de evento para sua binding de cliques:

  

Opa, esqueci o BootPly do meu teste . Acabei de replace sua solicitação POST por uma GET, não sei como fazer uma solicitação POST em BootPly.

button # addNews é o botão de envio para o formulário, e também o evento click é vinculado a uma chamada ajax. Quando é clicado, o processo ajax começa a ser executado enquanto o formulário está sendo enviado.

Você precisa remover tags de início e fim.