How to redirect on button click using php

Question

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.com");
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.com");
    echo 1;
}else {
    echo 0;
}

?>

What's really the problem ! What happens when you submit the form ? — Ismail RBOUH
– 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
– 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
– 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
– Chris O'Kelly, Commented Aug 1, 2016 at 0:23

Ismail RBOUH · Accepted Answer · 2016-08-01 00:38:40Z

2

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.com";
        });
    });

});

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

I hope this will help you.

edited Aug 1, 2016 at 0:38

answered Jul 31, 2016 at 23:59

Ismail RBOUH

10.5k2 gold badges26 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Waseem Barcha Over a year ago

Is there any way to do this using php?

Ismail RBOUH Over a year ago

@WaseemBarcha yes, you can but you have to send data using the classic way (without ajax), header(...) will redirect the page.

dimabe · Accepted Answer · 2016-07-31 23:36:16Z

1

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

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

answered Jul 31, 2016 at 23:36

dimabe

1048 bronze badges

Comments

GROVER. · Accepted Answer · 2016-07-31 23:37:40Z

0

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 !-->

edited Jul 31, 2016 at 23:37

answered Jul 31, 2016 at 23:36

GROVER.

4,4082 gold badges31 silver badges78 bronze badges

2 Comments

Soviut Over a year ago

In the question they want to redirect to google.com, so this won't work in this case since Google isn't going to be page handling the post.

GROVER. Over a year ago

@Soviut They want to redirect to Google once they have mailed something to someone on the next page. They don't want Google as such to handle the post.

H.Y Hu · Accepted Answer · 2016-07-31 23:39:47Z

0

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!

answered Jul 31, 2016 at 23:39

H.Y Hu

12 bronze badges

Comments

Ren · Accepted Answer · 2016-08-01 00:15:05Z

0

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.com");
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.com");
    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>

answered Aug 1, 2016 at 0:15

Ren

3306 silver badges24 bronze badges

2 Comments

Ren Over a year ago

It is still possible that blank email is sent (as no $_POST variables are set). You could actually check your inbox to verify this. BTW, is [email protected] your real email address? :)

Ren Over a year ago

Oh just noticed that you have also used Javascript to post the form, so it is setting the POST vars. In my example however, I have placed both the form and php code into a single file so no Javascript is needed for submission of the form. Please adapt the one that best works for you.

Soviut · Accepted Answer · 2016-08-01 00:17:32Z

0

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.com")

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.

edited Aug 1, 2016 at 0:17

answered Jul 31, 2016 at 23:33

Soviut

92.2k53 gold badges210 silver badges285 bronze badges

9 Comments

Ismail RBOUH Over a year ago

I think that's what the OP already did ! I'm curious why it's not working !

Soviut Over a year ago

Updated my answer to reflect the question.

Ismail RBOUH Over a year ago

Yes! but even with header("Location:www.google.com") it still redirect to http://op-domain/www.google.com !

Soviut Over a year ago

Right, because it's missing the protocol like I've mentioned in my answer.

Ismail RBOUH Over a year ago

I don't think this is the real problem because it's easy to notice that ! Instead, I think there is some sort of output before the header, especially from the mail function .

|

Ilyas karim · Accepted Answer · 2016-08-02 08:14:26Z

0

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

if (isset($_POST['ajax_request'])) {
    // write code;
    echo "http://www.example.com"; // 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.com
    });
});

Hope this helps.

answered Aug 2, 2016 at 8:14

Ilyas karim

4,8124 gold badges35 silver badges48 bronze badges

Collectives™ on Stack Overflow

How to redirect on button click using php

7 Answers 7

2 Comments

Comments

2 Comments

Comments

2 Comments

9 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

2 Comments

Comments

2 Comments

Comments

2 Comments

9 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related