How can I make a redirect page in jQuery/JavaScript?

WARNING: This answer has been provided as a possible solution. Although, obviously, the pure JavaScript approach is the best one, as this requires jQuery.

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

You don't need jQuery to do just that:

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

Note: This is similar to "clicking" a link and will record page change in browser's history.
To replace current page in history, use location.replace

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
    });
});

This works for every browser:

window.location.href = 'your_url';

Good luck!

All of these answers are correct, but I'll post this for those who might run into the same strange issue that I did. I was having an issue with HTTP_REFERER getting lost when using simply location.href.

In IE8 and lower, location.href (or any & all variations location - will lose referrer), which for secure sites is important to maintain, because testing for it (url pasting/ session / etc) can be helpful in telling whether a request is legitimate. (Note :: there are also ways to work-around / spoof these referrers, as noted by droop's link in the comments)

My cross-browser fix is this simple function. Assuming you, of course, are worried about losing HTTP_REFERER as I stated. (otherwise you can just use location.href etc)

Usage: Redirect('anotherpage.aspx');

function Redirect (url) {
    var ua        = navigator.userAgent.toLowerCase(),
        isIE      = ua.indexOf('msie') !== -1,
        version   = parseInt(ua.substr(4, 2), 10);

    // IE8 and lower
    if (isIE && version < 9) {
        var link = document.createElement('a');
        link.href = url;
        document.body.appendChild(link);
        link.click();
    }

    // All other browsers
    else { window.location.href = url; }
}

I also think that location.replace(url) is the best way, but if you want to notify the search engines about you redirection (they don't analyze javascript to see the redirection) you should add the rel="canonical" meta tag to your website.

Adding a noscript section with a html refresh meta tag in it, is also a good solution. I suggest you to use this javascript redirection tool to create redirections. It also have an IE support to pass the http referrer.

A sample code without delay look like this:

<!--Pleace this snippet right after opening the head tag to make it work properly-->
<!--REDIRECTING STARTS-->
<link rel="canonical" href="https://yourdomain.com"/>
<noscript>
<meta http-equiv="refresh" content="0;URL=https://yourdomain.com">
</noscript>
<script type="text/javascript">
    var url = "https://yourdomain.com";

    // IE8 and lower fix
    if (navigator.userAgent.match(/MSIE\s(?!9.0)/))
    {
        var referLink = document.createElement("a");
        referLink.href = url;
        document.body.appendChild(referLink);
        referLink.click();
    }

    // All other browsers
    else { window.location.replace(url); }
</script>
<!--REDIRECTING ENDS-->

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

You can do that without jQuery as:

window.location = "http://yourdomain.com";

And if you want only jQuery then you can do it like :

$jq(window).attr("location","http://yourdomain.com");

But if some one wants to redirect back to home page then he may use the following snippet.

window.location = window.location.host

It would be helpful if you have three different environments as development, staging, and production.

You can explore this window or window.location object by just putting these words in Chrome Console or Firebug's Console.

$jq(window).attr("location","http://google.fr");

This version works well with jQuery 1.6.2.

JavaScript provides you many methods to retrieve and change the current URL which is displayed in browser's address bar. All these methods uses the Location object, which is a property of the Window object. You can create a new Location object that has the current URL as follows..

var currentLocation = window.location;

Basic Structure of a URL

<protocol>//<hostname>:<port>/<pathname><search><hash>

1. Protocol -- Specifies the protocol name be used to access the resource on the Internet. (HTTP (without SSL) or HTTPS (with SSL))

2. hostname -- Host name specifies the host that owns the resource. For example, www.stackoverflow.com. A server provides services using the name of the host.

3. port -- A port number used to recognize a specific process to which an Internet or other network message is to be forwarded when it arrives at a server.

4. pathname -- The path gives info about the specific resource within the host that the Web client wants to access. For example, stackoverflow.com/index.html.

5. query -- A query string follows the path component, and provides a string of information that the resource can utilize for some purpose (for example, as parameters for a search or as data to be processed).

6. hash -- The anchor portion of a URL, includes the hash sign (#).

With these Location object properties you can access all of these URL components

1. hash -Sets or returns the anchor portion of a URL.
2. host -Sets or returns the hostname and port of a URL.
3. hostname -Sets or returns the hostname of a URL.
4. href -Sets or returns the entire URL.
5. pathname -Sets or returns the path name of a URL.
6. port -Sets or returns the port number the server uses for a URL.
7. protocol -Sets or returns the protocol of a URL.
8. search -Sets or returns the query portion of a URL

Now If you want to change a page or redirect the user to some other page you can use the href property of the Location object like this

You can use the href property of the Location object.

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

Demo Fiddle

Location Object also have these three methods

1. assign() -- Loads a new document.
2. reload() -- Reloads the current document.
3. replace() -- Replaces the current document with a new one

You can use assign() and replace methods also to redirect to other pages like these

location.assign("http://www.stackoverflow.com");

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

How assign() and replace() differs -- The difference between replace() method and assign() method(), is that replace() removes the URL of the current document from the document history, means it is not possible to use the "back" button to navigate back to the original document. So Use the assign() method if you want to load a new document, andwant to give the option to navigate back to the original document.

You can change the location object href property using jQuery also like this

$(location).attr('href',url);

And hence you can redirect the user to some other url.

On your click function just add

window.location.href = "the url where you want to redirect";
$('#id').click(function(){
    window.location.href = "http://www.google.com";
});

So, the question is how to make a redirect page, and not how to redirect to a website?

You only need to use Javascript for this. Here is some tiny code that will create a dynamic redirect page.

<script>
    var url = window.location.search.split('url=')[1]; // Get the url after ?url=
    if( url ) window.location.replace(url);
</script>

So say you just put this snippet into a redirect/index.html file on your website you can use it like so.

http://www.mywebsite.com/redirect?url=http://google.com

And if you go to that link it will automatically redirect you to google.com.

Link to Documentation

And that's how you make a Simple redirect page with javasctript

Edit:

There is also 1 thing to note, I have added window.location.replace in my code because I think it suits a redirect page, but, you must know that when using window.location.replace and you get redirected, when you press the back button in your browser it will not got back to the redirect page and it will go back to the page before it, take a look at this little demo thing

Example:

The process: store home => redirect page to google => google

When at google: google => back button in browser => store home

So, if this suits your needs then everything should be find, if you want to include the redirect page in the browser history replace this

if( url ) window.location.replace(url);

with

if( url ) window.location.href = url;

jQuery is not needed. You can do this:

window.open("URL","_self","","")

It is that easy!

The best way to initiate an HTTP request is with document.loacation.href.replace('URL').

First write properly. You want to navigate within an application for another link from your application for another link. Here is the code:

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

And if you want to navigate pages within your application then I also have code, if you want.

You need to put this line on your code

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

1.

<script language="javascript" type="text/javascript">
    window.location.href="login.jsp?backurl="+window.location.href;
</script>

2.

<script language="javascript">
    alert("back");
    window.history.back(-1);
</script>

3.

<script language="javascript">
    window.navigate("top.jsp");
</script>

4.

<script language="JavaScript">
    self.location="top.htm";
</script>

5.

<script language="javascript">
    alert("Access Violation");
    top.location="error.jsp";
</script>

6.

<script language="javascript">
    window.location = window.location.host;
</script>

Write the below code after the PHP, HTML or jQuery section. If in the middle of the PHP or HTML section, then use the <script> tag.

location.href = "http://google.com"

In JavaScript and jQuery we can use the following code to redirect the one page to another page:

window.location.href="http://google.com";
window.location.replace("page1.html");

Here is a time-delay redirection. You can set the delay time to whatever you want:

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Your Document Title</title>
      <script type="text/javascript">
        function delayer(delay){
          onLoad=setTimeout('window.location.href = "http://www.google.com/"',delay);
        }   
      </script>
    </head>
    <body>
      <script>delayer(8000)</script>
      <div>You will be redirected in 8 seconds!</div>
    </body>

<script type="text/javascript">
var url = "https://yourdomain.com";

// IE8 and lower fix
if (navigator.userAgent.match(/MSIE\s(?!9.0)/))
{
    var referLink = document.createElement("a");
    referLink.href = url;
    document.body.appendChild(referLink);
    referLink.click();
}

// All other browsers
else { window.location.replace(url); }
</script>

Try this:

location.assign("http://www.google.com");

Reference

Instead of redirecting, you can replace the window the user is on with the page you want to redirect to using JavaScript code like this:

window.open('url', '_self');

You can also do this:

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

Page redirect in jQuery/JavaScript using PHP pages

This is very simple. See this code:

function myfunction()
{
   var i = document.getElementById('Login').value;
   if (i == 'Login')
   {
       window.location = "login.php";
   }
   else
       window.location = "Logout.php";
}

If you want to give a complete URL as window.location = "www.stackoverflow.com";.

This is how I use it.

   window.location.replace('yourPage.aspx');   
   // If you're on root and redirection page is also on the root

   window.location.replace(window.location.host + '/subDirectory/yourPage.aspx');

   // If you're in sub directory and redirection page is also in some other sub directory.

Check this link // 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";

You can use it like in the following code where getGuestHouseRequestToForward is the request mapping (URL). You can also use your URL.

function savePopUp(){
    $.blockUI();
    $.ajax({
        url:"saveForwardingInformationForGuestHouse?roomType="+$("#roomType").val(),
        data: $("#popForm").serialize(),
        dataType: "json",
        error: (function() {
            alert("Server Error");
            $.unblockUI();
    }),
    success: function(map) {
        $("#layer1").hide();
        $.unblockUI();
        window.location = "getGuestHouseRequestToForward";
    }
});

This is for the same context of the application.