Redirect page using jQuery


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,

<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>





Hello there!,

You are using AdBlocker!

I am an independent developer trying to help fellow developers and students to resolve issues faced on a day-to-day basis, we 'Code to Care' . There is a lot of expenses involved in hosting and managing a website that's the reason we have ads.

A humble request to you to disable adBlocker on Code2care.org and support us pay our bills.

Thanks,
Cod2care - Line's of code for change.

To see contents reload page after unblocking
Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities. Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Video Tutorials, Code Snippets, Tips-n-tricks, How Tos, Blogs, Articles, etc. on various platforms like Windows, Mac, Linux, Mobile platforms, etc. Technologies/Languages like Java, Objective-C, PHP, .Net, Android, SharePoint, jQuery, HTML, CSS, etc.