Redirect page using jQuery


Posted on : Tue, 28th Apr 15 10:36 am UTC
100+ votes

If you want to redirect a webpage to some other using jQuery, then you can make use of the following,

var redirectURL = 'The url where you want the page to be redirected';
$(location).attr('href',redirectURL);

Let's see an example, where we have a Page A with a button, when clicked we redirect the page to Page B,

File : pageA.html Language : Html
<html>
    
    <head>
        <title>jQuery Redirect</title>
    </head>
    
    <body>
        <input id="myButton" type="button" value="Redirect to Page B">
        <script>
            $('#myButton').click(function() {
                var redirectURL = 'pageB.html';
                $(location).attr('href', redirectURL);
            });
        </script>
    </body>

</html>

Code2care's mission is to share varied knowledge in technical and non-technical areas gathered during day-to-day learnings and development activities so that our visitors can leverage this portal to find solutions to their queries without re-inventing the wheel. Technical posts include Learnings, Tutorials, Video Tutorials, Code Snippets, Tips-n-tricks.

Follow us : Facebook - Twitter - Google +