Enviar dados de postagem de formulário HTML para o arquivo com o Jquery?

Eu estou tentando enviar dados de postagem para meu manipulador de arquivo de dados de postagem chamado postinfo.php com jQuery, mas até agora eu posso fazer isso.

Aqui está o meu código post.php:

      $('#form_id').on('submit', function(e){ e.preventDefault(); $.ajax({ type: "POST", url: "http://www.vemvo.com/test/postinfo.php", data: $(this).serialize(), success: function() { alert('success'); } }); });      

Você pode ver a página aqui: http://www.vemvo.com/test/post.php

Aqui está o código do meu postinfo.php:

  

Aqui está localizado postinfo.php – http://www.vemvo.com/test/postinfo.php

Então, onde está o meu erro e como posso fazê-lo funcionar? Agora não está enviando os dados e nem me dando o alerta de sucesso.

Seu seletor de jQuery não encontrará esse formulário, já que o seletor está em execução antes da tag de form existir no DOM. Tente envolvê-lo na function jQuery para aguardar o documento estar pronto:

 $(function () { $('#form_id').on('submit', function(e){ // the rest of your code }); }); 

Também pode ser uma boa ideia return false no final, para reprimir ainda mais a ação de postagem padrão do formulário:

 e.preventDefault(); $.ajax({ type: "POST", url: "./postinfo.php", data: $(this).serialize(), success: function() { alert('success'); } }); return false; 

Atualmente, o formulário está postando normalmente. Como o manipulador AJAX nunca é anexado (porque o elemento não existe quando o seletor é executado), ele está apenas fazendo uma postagem de formulário no nível do documento normal. E como não há nenhum atributo de action especificado na tag de form , a página está enviando para si mesma por padrão. Que apenas responde com a página atual.

Edit: Você também tem um erro de digitação que pode estar impedindo o navegador de executar o seu código JavaScript em tudo:

  

Você está perdendo o segundo "a". Isso deve ser:

  
  1. Você DEVE soletrar text/javascript corretamente

  2. Você precisa atribuir o manipulador de events ao carregar

  3. Não deve haver nenhuma necessidade de retornar falso postado por algumas outras pessoas aqui

  4. NUNCA chame qualquer coisa para enviar em um formulário

  5. Envolva o seu html em tags do corpo

  6. Use um DOCTYPE correto

  7. Para arquivos, você pode dar uma olhada no upload ou como posso fazer upload de arquivos de forma assíncrona?

Código fixo para o ponto 1 a 6

    Test Ajax     
Intereting Posts