Retornar para origem apos envio do formulário usando a biblioteca PHP do SendGrid

Blastouch · Março 21, 2018

Olá! Saudações a todos...

Pessoal, estou iniciando minha jornada por caminhos desconhecidos... já garimpei bastante aqui pelo forum para aprender sobre PHP e com as informações que aprendi conseguir montar um pequeno frankestein que aqui vou chamar de formulário...rsrsrs

Ja consegui enviar o Formulário utilizando a biblioteca do PHP da Sendgrid.

E agora gostaria de voltar a pagina de origem do formulário e apresentar uma mensagem avisando que o formulário foi enviado.

Tentei fazer via script mais consegui apenas enviar o email.

Se alguém puder me auxiliar nessa questão eu agradeço.

Obrigado!

PHP - Envio:

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="utf-8">
</head>

<body>

<?php

$formularSeite = "index.php"; // Personalize o nome do arquivo do formulário

// Os dados POST foram enviados?
if ($_SERVER["REQUEST_METHOD"] == "POST") {

// define o fuso horário e a data atual
date_default_timezone_set("America/Sao_Paulo");
$datum = date("d.m.Y H:i");

// remove tags HTML
$_POST = array_map('strip_tags', $_POST);
    
// definir conteúdo do e-mail
$inhaltEmail = "Enviada em: $datum hr

Nome: " . $_POST["name"] . "

E-Mail: " . $_POST["email"] . "

Telefone: " . $_POST["phone"] . "  

Mensagem: " . $_POST["message"] . "
  ";
    
    
// usando a biblioteca PHP do SendGrid

require 'vendor/autoload.php';

// configuração de instância e codificação de caracteres
  
$mail->CharSet = "UTF-8";

$from = new SendGrid\Email(null, "suporte@dimpow.com.br");
$subject = "Mensagem de Contato";
$to = new SendGrid\Email(null, "feradams@gmail.com");
$content = new SendGrid\Content("text/html", "Ola, Reinaldo <br><br> Nova Mensagem de Contato do Site<br><br>$inhaltEmail");
$mail = new SendGrid\Mail($from, $subject, $to, $content);

$apiKey = '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';

$sg = new \SendGrid($apiKey);

$response = $sg->client->mail()->send()->post($mail);  
    
// envie e-mail
 if ($mail->Send()) {
  header("Location: " . $formularSeite . '?status=OK#form1-x');
 }
 else {
  header("Location: " . $formularSeite . '?status=KO#form1-x');
 }
}

?>
</body>

</html>

Formulário:

<form class="mbr-form" action="mailscript.php" method="post">
                            <div class="row row-sm-offset">
                                <div class="col-md-4 multi-horizontal" data-for="name">
                                    <div class="form-group">
                                        <label class="form-control-label mbr-fonts-style display-7" for="name-form1-x">Nome</label>
                                        <input type="text" class="form-control" name="name" data-form-field="Name" required="" placeholder="Nome" id="name-form1-x">
                                    </div>
                                </div>
                                <div class="col-md-4 multi-horizontal" data-for="email">
                                    <div class="form-group">
                                        <label class="form-control-label mbr-fonts-style display-7" for="email-form1-x">Email</label>
                                        <input type="email" class="form-control" name="email" data-form-field="Email" required="" placeholder="Email" id="email-form1-x">
                                    </div>
                                </div>
                                <div class="col-md-4 multi-horizontal" data-for="phone">
                                    <div class="form-group">
                                        <label class="form-control-label mbr-fonts-style display-7" for="phone-form1-x">Celular</label>
                                        <input type="tel" class="form-control" name="phone" data-form-field="Phone" placeholder="Telefone" id="phone-form1-x">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group" data-for="message">
                                <label class="form-control-label mbr-fonts-style display-7" for="message-form1-x">Mensage</label>
                                <textarea type="text" class="form-control" name="message" rows="7" data-form-field="Message" placeholder="Mensagem" id="message-form1-x"></textarea>
                            </div>

                            <span class="input-group-btn"><button href="" type="submit" class="btn btn-primary btn-form display-4">ENVIAR</button></span>
                        </form>

script :

<script>

    window.addEventListener("load", function() {

      if (window.location.search != "") {

       var W = window.location.search.split("=");

       if (W[1] == 'OK') {

        document.getElementById("status").innerText = 'A mensagem foi enviada com sucesso.';

        document.getElementById("status").classList.add("erfolgreich");

       }

       if (W[1] == 'KO') {

        document.getElementById("status").innerText = 'Infelizmente, ocorreu um erro ao enviar a mensagem!';

        document.getElementById("status").classList.add("fehler");

       }

     }

    });

  </script>