Ajax jquery redirecting is not working

Question

I have a login form when user logs in he has to redirect with to participant-screen.php

Ajax script

    $.ajax({
      url: "controller.php",method: "POST",
      data: { loginData: $("#loginForm").serialize(),'action': 'login' },
      dataType: "text",
      success: function(response) {
        $("#showMessage").html(response);
        if (response == 'success') {// response coming as success but not redirecting
 // redirecting script
        }
      }
  });

I'm not a PHP programmer but that looks open to SQL injection! — IronAces, Aug 11 '16 at 07:57

score 4 · Answer 1 · edited May 23 '17 at 12:09

You cannot use a header() redirect when you use ajax. Instead you have to redirect in the javascript part of your ajax when the request has been processed successfully. See for example How to redirect to another webpage in JavaScript/jQuery?.

Note that you would have to send information back from your php script (for example json) so that you can take the appropriate action in javascript.

Apart from that:

You have an sql injection problem, you should use a prepared statement instead of injecting variables directly into your query.
You should not use md5() for password hashing. See for example How can I store my users' passwords safely?

full url or page url imean amerytech.net/learningcurve/participant-screen.php or participant-screen.php ....? @jeroen — Mr world wide, Aug 11 '16 at 08:30

score 2 · Answer 2 · answered Aug 11 '16 at 07:59

2

header() not supported in jquery you need to user windows.location.href

window.location.href="your url";

answered Aug 11 '16 at 07:59

Nikhil Vaghela

2,088
2
15
30

full url or page url imean http://amerytech.net/learningcurve/participant-screen.php or participant-screen.php ....? – Mr world wide Aug 11 '16 at 08:20

score 1 · Accepted Answer · answered Sep 27 '16 at 12:08

1

You Can Try below method for Redirecting

// similar behavior as an HTTP redirect
window.location.replace("http://stackoverflow.com");

// similar behavior as clicking on a link
window.location.href = "http://stackoverflow.com";

answered Sep 27 '16 at 12:08

Snopzer

1,602
19
31

score -1 · Answer 4 · answered Aug 11 '16 at 12:01

I got my solution

$.ajax({
url: "controller.php",
method: "POST",
data: { loginData : $("#loginForm").serialize(), 'action':'login'},
dataType: "json",
success: function (response) {
 if(response["success"]==true)
 {
  $("#showMessage").html(response['message']);
  location = '/learningcurve/participant.php?loginid='+response["id"];
  window.open(location);
 }else{
  $("#showMessage").html(response['message']);
 }
},
error: function (request, status, error) {
 $("#showMessage").html("OOPS! Something Went Wrong Please Try After Sometime!");
}
});
return false;

i used data type text replaced with json

Ajax jquery redirecting is not working

4 Answers4