Redirect URL after AJAX in JavaScript / jQuery

Question

I have an ajax call and am trying to redirect my page after it makes the call to another URL. However, it just refreshes the page. What can I do to redirect my page?

<button onclick="SignUp()" class="btn btn-success text-center">Submit Information</button>

function SignUp() {

    var first_name = document.getElementById('first_name').value;
    var last_name = document.getElementById('last_name').value;

    $.ajax({
        type: 'POST',
        url: 'signup.php',
        data: { "first_name": first_name, "last_name": last_name },
        async: false,
        success: (function () {
            window.location.href = "http://stackoverflow.com";
        })
    });
}

i've tried that post already, does not work, still just acts like a refresh. after the ajax call, the url became www.example.com/signup/? — user3147424
– user3147424, Commented Jan 26, 2014 at 17:59

Satpal · Accepted Answer · 2014-01-26 18:23:25Z

2

Use

  window.location.href = "http://stackoverflow.com";

EDIT

As button is in form its default behavior is submit

So you have to add type="button" to button like

<button type="button" >Submit Information</button>

OR

You need to use return false

HTML

<button onclick="return SignUp()" >Submit Information</button>

JavaScript

function SignUp() {
    //Your code  
        return false;        
};

edited Jan 26, 2014 at 18:23

answered Jan 26, 2014 at 15:08

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

1 Comment

Satpal Over a year ago

@user3147424, Do you really need form. Just try to use without form. And Please remove your comment so that we can continue interacting

Quentin · Accepted Answer · 2014-01-26 18:10:43Z

1

Your submit button is submitting the form before the success handler is processed.

Add type="button" so it isn't a submit button.

answered Jan 26, 2014 at 18:10

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

2 Comments

user3147424 Over a year ago

type="button" ended up being the final piece to the puzzle, thanks!

user3147424 Over a year ago

actually, it still does not redirect when there is data in the form. . .

pathfinder · Accepted Answer · 2014-01-26 18:14:09Z

0

Since your button is in a form you need to add this to onClick or the page refreshes due to a form submit.

<button onclick="SignUp()"; return false" ...

answered Jan 26, 2014 at 18:14

pathfinder

1,8441 gold badge20 silver badges22 bronze badges

Collectives™ on Stack Overflow

Redirect URL after AJAX in JavaScript / jQuery

3 Answers 3

EDIT

OR

1 Comment

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

EDIT

OR

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related