How to refresh a page using jQuery? - GeeksforGeeks

03 Aug, 2021
Method 1: Using the location.reload(): The location.reload() method reloads the current web page emulating the clicking of the refresh button on the browser. The optional true parameter passed to the method is used to force the page to load from the server and ignore the browser cache.
Syntax:
location.reload(true)
Example:
<!DOCTYPE html><html>  <head>    <title>        How to refresh a page        using jQuery?    </title>          <script src=        "https://code.jquery.com/jquery-3.3.1.min.js">    </script></head>  <body>    <h1 style="color: green">        GeeksforGeeks    </h1>          <b>        How to refresh a page        using jQuery?    </b>          <p>        GeeksforGeeks is a computer science        portal with a huge variety of well        written and explained computer science        and programming articles, quizzes        and interview questions.    </p>          <button type="button">        Button to Reload page    </button>      <script type="text/javascript">        $(document).ready(function () {            $("button").click(function () {                location.reload(true);                alert('Reloading Page');            });        });    </script></body>  </html>                    
Method 2: Using history.go(0): The history.go() method loads a URL from the browsers history depending on the parameter passed to it. If the parameter passed is ‘0’, it reloads the current page.
Syntax:
history.go(0);
Example:
<!DOCTYPE html><html>  <head>    <title>        How to refresh a page        using jQuery?    </title>          <script src=        "https://code.jquery.com/jquery-3.3.1.min.js">    </script></head>  <body>    <h1 style="color: green">        GeeksforGeeks    </h1>          <b>        How to refresh a page        using jQuery?    </b>          <p>        GeeksforGeeks is a computer science        portal with a huge variety of well        written and explained computer science        and programming articles, quizzes        and interview questions.    </p>          <button type="button">        Button to Reload page    </button>      <script type="text/javascript">        $(document).ready(function () {            $("button").click(function () {                history.go(0);                alert('Reloading Page');            });        });    </script></body>  </html>                    
Method 3: Using location.replace with the current page: The location.replace() method can be used be passed with the location.pathname as a parameter. The location.pathname returns the current url and passing that on to location.replace() reloads the current page.
Syntax:
location.replace(location.pathname);
Example:
<!DOCTYPE html><html>  <head>    <title>        How to refresh a page        using jQuery?    </title>          <script src=        "https://code.jquery.com/jquery-3.3.1.min.js">    </script></head>  <body>    <h1 style="color: green">        GeeksforGeeks    </h1>          <b>        How to refresh a page        using jQuery?    </b>          <p>        GeeksforGeeks is a computer science        portal with a huge variety of well        written and explained computer science        and programming articles, quizzes        and interview questions.    </p>          <button type="button">        Button to Reload page    </button>      <script type="text/javascript">        $(document).ready(function () {            $("button").click(function () {                location.reload(true);                alert('Reloading Page');            });        });    </script></body>  </html>                    
Output:
Before clicking the button: 
After clicking the button: 
jQuery is an open source JavaScript library that simplifies the interactions between an HTML/CSS document, It is widely famous with it’s philosophy of “Write less, do more”.You can learn jQuery from the ground up by following this jQuery Tutorial and jQuery Examples.
jQuery-Misc
Picked
JQuery
Web Technologies
Web technologies Questions
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
JQuery | Set the value of an input text field
Form validation using jQuery
How to change selected value of a drop-down list using jQuery?
How to change the background color after clicking the button in JavaScript ?
How to fetch data from JSON file and display in HTML table using jQuery ?
Remove elements from a JavaScript Array
Installation of Node.js on Linux
Convert a string to an integer in JavaScript
How to fetch data from an API in ReactJS ?
Top 10 Projects For Beginners To Practice HTML and CSS Skills