Advertisement
yesamarcos

Envio de mensagem sem Refresh ... Use Ajax

Oct 10th, 2017
192
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 1.33 KB | None | 0 0
  1. // ARQUIVO HTML
  2. <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  3. <div id="sucesso"></div>
  4. <form id="enviar_mensagem">
  5.     <input type="text" name="nome" />
  6.     <input type="text" name="email" />
  7.     <textarea name="message"></textarea>
  8.     <input type="submit" name="enviar" value="Enviar" />
  9. </form>
  10. <script src="carrega_a_jquery"></script>
  11. <script>
  12.     $("input[name='enviar']").on('click', function(event) {
  13.         event.preventDefault();
  14.         $.ajax({
  15.             url: 'meusite.com.br/enviar_mensagem.php',
  16.             type: 'POST', dataType: 'json',
  17.             data: {nome:nome, email:email, message:message},
  18.             success: function(retorno_do_php){
  19.                 if(retorno_do_php == true){
  20.                     $("#sucesso").html("<span>A mensagem foi enviada com sucesso.</span>");
  21.                 } else {
  22.                     $("#sucesso").html("<span>Não foi possível enviar a mensagem.</span>");  
  23.                 }
  24.             }
  25.         });
  26.     });
  27. </script>
  28.  
  29. // ARQUIVO enviar_mensagem.php
  30. <?php
  31.     $nome       = $_POST['nome'];
  32.     $email      = $_POST['nome'];
  33.     $message    = $_POST['message'];
  34.  
  35.     // Envia a mensagem e retorna o resultado ...
  36.     if($mensagem_enviada == true){
  37.         echo json_encode(true);
  38.     } else {
  39.         echo json_encode(false);
  40.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement