redirecting to a different page in POST call (jquery)

Question

I have created a post request in jquery. It sends an XHR request and it gets completed successfully. However, I also want to redirect it to a different page when that request is triggered.

this is my code:

$(".checkout-button").click(function(){
    $.post("{% url 'book:booking' %}", seat_total, function(response){});
           });

this is my button to which this is linked

<button class="checkout-button">Checkout &raquo;</button>

How can I redirect it to this url -- {% url 'book:booking' %}

use window.location.href – Parth Ghiya May 03 '17 at 20:25 — Parth Ghiya, May 03 '17 at 20:25
So you don't need the request result ? – DontVoteMeDown May 03 '17 at 20:26 — DontVoteMeDown, May 03 '17 at 20:26

score 1 · Answer 1 · answered May 03 '17 at 20:27

1

the callback doesn't do anything fancy to the code within it just changes when that code is executed.

Just add this line:

window.location.href = http://www.google.com;

and replace google with your link

answered May 03 '17 at 20:27

Ben

609
11
19

score 1 · Accepted Answer · edited May 23 '17 at 11:54

1

Specific solution to your question:

$(".checkout-button").click(function(){
    $.post(
        "{% url 'book:booking' %}", 
        seat_total, 
        function (response) {
            window.location.href = "{% url 'book:booking' %}"
        }
    );
});

General answers how to redirect with JavaScript: How to redirect to another webpage in JavaScript/jQuery?

edited May 23 '17 at 11:54

Community

1
1

answered May 03 '17 at 20:28

Daniel Diekmeier

3,401
18
33

redirecting to a different page in POST call (jquery)

2 Answers2