I am using a button on my form. I am trying to redirect to another page on button click after successful submission of user info. Every thing works properly except redirection. Here is the code I tried.

Html code:

<form role="form" id="contact-form" method="get">
  <div class="form-group row">
      <input type="email" id="email" name="email" placeholder="Enter your email" required="required" class="form-control input-lg" />
      <input type="text" id="address" name="address" placeholder="Enter your address" required="required" class="form-control input-lg" />
      <button type="submit" class="btn btn-t-primary">Show Me Now!</button>
  </div>
</form>

I am using a button on my form. I am trying to redirect to another page on button click after successful submission of user info. Every thing works properly except redirection. Here is the code I tried.

Html code:

<form role="form" id="contact-form" method="get">
  <div class="form-group row">
      <input type="email" id="email" name="email" placeholder="Enter your email" required="required" class="form-control input-lg" />
      <input type="text" id="address" name="address" placeholder="Enter your address" required="required" class="form-control input-lg" />
      <button type="submit" class="btn btn-t-primary">Show Me Now!</button>
  </div>
</form>

Javascript code:

function contact() {
  $("#contact-us-form").submit(function (e) {
  e.preventDefault();
  e.stopImmediatePropagation();
  form = $(this);
  data = $(this).serialize();
  $.post("contact.php", data, function(response){
      form.trigger('reset');
  });
}

Php code:

<?php 
ini_set("SMTP","ssl://smtp.gmail.");
ini_set("smtp_port","465");
if (isset($_POST['email'])) {
    $email = $_POST['email'];
    $address= $_POST['address'];
    $subject = "Message from: ".$email;
    $content = "Email: " . $email."\n"
            . "Address: " . $address;
    $headers ='Reply-To: ' . $email . "\r\n";
    mail('[email protected]', $subject ,$content, $headers );
    header("Location:https://www.example.");
    echo 1;
}else {
    echo 0;
}

?>

• javascript
• php
• html

• This example code has nothing to do with javascript. – Soviut Commented Jul 31, 2016 at 23:33
• What's really the problem ! What happens when you submit the form ? – Ismail RBOUH Commented Jul 31, 2016 at 23:37
• Don't echo anything after issuing a redirect header. In fact, the only thing after it should be an immediate exit; to prevent any further code from executing. – rjdown Commented Jul 31, 2016 at 23:46
• When I click the button, It's send the info at email but not redirecting to any where. – Waseem Barcha Commented Jul 31, 2016 at 23:55
• Unrelated to the question itself, but if this would ever be production code, please properly check your user inputs to prevent a mail header injection. – Chris O'Kelly Commented Aug 1, 2016 at 0:23

7 Answers 7

You can't redirect an ajax request from PHP, instead use this:

$(function() {

    $("#contact-form").submit(function(e) {
        e.preventDefault();
        e.stopImmediatePropagation();
        form = $(this);
        data = $(this).serialize();
        $.post("contact.php", data, function(response) {
            form.trigger('reset');
            //Redirection
            window.location.href = "https://www.google.";
        });
    });

});

Just remove this header("Location:https://www.example."); from your PHP.

I hope this will help you.

Maybe you have to write the entire url when you are setting the header:

header("Location: http://www.google.");

This isn't actually necessary.

Inside of the HTML form tag, add where you want to post the data to inside of the action attribute.

<form role="form"  id="contact-form" method="get" action="postpage.php"> <!-- notice the action attribute !-->

Try this!

echo '<meta http-equiv=REFRESH CONTENT=0;url=./yourDestination.php>';

As we can see in the code, the page would refresh to the url you declared.

"Content = 0" means that it'll refresh after 0 seconds You could modify the number if you want!

I wonder why you have set form method="get", but used $_POST variable under php code. Here's another version using POST method, try if it helps.

<?php
ini_set("SMTP","ssl://smtp.gmail.");
ini_set("smtp_port","465");
if (isset($_POST['email'])) {
    $email = $_POST['email'];
    $address= $_POST['address'];
    $subject = "Message from: ".$email;
    $content = "Email: " . $email."\n"
            . "Address: " . $address;
    $headers ='Reply-To: ' . $email . "\r\n";
    mail('[email protected]', $subject ,$content, $headers );
    header("location: https://google.");
    exit;
}
?>

<form role="form" id="contact-form" method="post">
  <div class="form-group row">
      <input type="email" id="email" name="email" placeholder="Enter your email" required="required" class="form-control input-lg" />
      <input type="text" id="address" name="address" placeholder="Enter your address" required="required" class="form-control input-lg" />
      <button type="submit" class="btn btn-t-primary">Show Me Now!</button>
  </div>
</form>

You need to set the absolute address, including the protocol (https://) in your header location if you want to redirect to a new site.

header("Location: https://www.google.")

Without the protocol, the location is assumed to be relative and will be appended to the existing domain.

Additionally, you should not echo anything after the headers.

First you have to write PHP code that handles Ajax Request:

if (isset($_POST['ajax_request'])) {
    // write code;
    echo "http://www.example."; // redirect url
}

Javascript:

 jQuery(document).ready(function($) {
    $.post('/path/to/file.php', {"ajax_request": true}, function(data, textStatus, xhr) {
        window.location.href = data; // http://www.example.
    });
});

Hope this helps.