This quick post shows how to redirect to another web page using jQuery.
Let's first see how to use vanilla javascript to redirect to another web page.
There are a couple of ways to redirect to another webpage with JavaScript. The most popular ones are location.href and location.replace:
Example:
// Simulate a mouse click:
window.location.href = "https://www.javaguides.net/";
// Simulate an HTTP redirect:
window.location.replace("https://www.javaguides.net/");
How to Redirect to Another Web Page Using jQuery
Refer below the single line of code to redirect from one page another page using JQuery:
$(location).attr('href','https://www.javaguides.net');
Here is a complete web page which redirects to another URL using jQuery:
<html>
<head>
<title>how to redirect to another web page using jQuery</title>
</head>
<body>
<h2>how to redirect to another web page using jQuery</h2>
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
$(location).attr('href','https://www.javaguides.net');
});
</script>
</body>
</html>
Open above web page in the browser will navigate to 'https://www.javaguides.net' web page using jQuery.
Comments
Post a Comment
Leave Comment