yesamarcos

Básico HTML com Ajax com PHP

Jun 16th, 2018
250
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 0.96 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Usando Ajax</title>
  6. </head>
  7. <body>
  8.     <form id="formulario_contato">
  9.         <input type="text" name="nome" id="nome" required />
  10.         <input type="email" name="email" id="email" required />
  11.         <textarea name="message" id="message"></textarea>
  12.         <input type="submit" name="enviar" value="Enviar" />
  13.     </form>
  14.  
  15.     <script src="jquery.min.js"></script>
  16.     <script>
  17.         $(function(){
  18.             $("#formulario_contato").on('submit', function(event){
  19.                 event.preventDefault();
  20.                 // Pegando os dados
  21.                 var nome = $("#nome").val();
  22.                 var email = $("#email").val();
  23.                 var message = $("#message").val();
  24.                 // enviando o request
  25.                 $.ajax({
  26.                     url: 'http://meusite.com.br/phpmailer.php',
  27.                     type: 'POST',
  28.                     dataType: 'json',
  29.                     data: {nome:nome, email:email, message:message},
  30.                     success: function(data){
  31.                         console.log(data);
  32.                     }
  33.                 });            
  34.             });
  35.         });
  36.     </script>
  37. </body>
  38. </html>
Advertisement
Add Comment
Please, Sign In to add comment