How can I make a redirect page In jQuery?

Question

How can I redirect the user from one page to another using jQuery?

Answer 1

You don't need jQuery to do just that:

window.location = "http://www.page-2.com";

Answer 2

It would help if you were a little more descriptive in what you are trying to do. If you are trying to generate paged data, there are some options in how you do this. You can generate separate links for each page that you want to be able to get directly to.

<a href='/path-to-page?page=1' class='pager-link'>1</a>
<a href='/path-to-page?page=2' class='pager-link'>2</a>
<span class='pager-link current-page'>3</a>
...

Note that the current page in the example is handled differently in the code and with CSS.

If you want the paged data to be changed via AJAX, this is where jQuery would come in. What you would do is add a click handler to each of the anchor tags corresponding to a different page. This click handler would invoke some jQuery code that goes and fetches the next page via AJAX and updates the table with the new data. The example below assumes that you have a web service that returns the new page data.

$(document).ready( function() {
    $('a.pager-link').click( function() {
        var page = $(this).attr('href').split(/\?/)[1];
        $.ajax({
            type: 'POST',
            url: '/path-to-service',
            data: page,
            success: function(content) {
               $('#myTable').html(content);  // replace
            }
        });
        return false; // to stop link
    });
});

Answer 3

Not jQuery specific, but window.location.replace(...) will accomplish what you want. It is better than using window.location.href = if you don't want the originating page to show up in the session history, meaning the user won't get stuck in a never-ending back-button fiasco.

window.location.replace("http://stackoverflow.com");

Answer 4

easy

$(document).ready(function(){ $("#header").click(function(){ top.location="index.php"}); });

Answer 5

var url = 'asdf.html'; window.location.href = url; hf

Answer 6

Simply do :

var url = "http://stackoverflow.com";    
$(location).attr('href',url);

Answer 7

window.location = "http://www.page-2.com"; 

does not work in IE.

Answer 8

hi

this works for every browser:

window.location.href='your_url';

good luck!