How To Reload/Refresh A Page Using Javascript In Addition To Jquery

JavaScript provides several ways to reload or refresh an HTML page merely the criterion way to exercise this task is past times using window.location object. This object provides a reload() method which instructs the browser to reload the page. The browser tin exercise it from its cache or from the server, which depends upon optional parameter i.e. reload(true) volition reload the page from the server merely reload(false) volition alone reload the page from browser's cache, which may or may non stand upward for the electrical flow version at the server.


You tin combine both jQuery together with JavaScript to wrap the page refresh code equally shown inwards our example. Btw, this is non the alone way to refresh a page inwards JavaScript, yous tin too usage history.go(0) together with location.replcace(locatoin.pathname) to reload the page.


JavaScript together with jQuery instance to reload a page 

In this example, I volition nation yous how to reload a page from both server together with browser's cache using jQuery together with JavaScript. In our HTML nosotros bring 2 buttons, 1 for reloading page from the server together with other from refresh page from browser's cache. Though location.reload() volition piece of job inwards all browser, yous tin too usage jQuery to wrap other code e.g. attaching a click handler to the 2 buttons.


Here is the sum instance for your reference:

<html> <head> <title>How to reload/refresh a page using jQuery</title> </head>  <body>  <h2>Reloading a page using jQuery together with JavaScript</h2>  <button id="btn_reload">Reload from Server</button> <button id="btn_refresh">Reload from Browser's cache</button>  <script src="//code.jquery.com/jquery-1.6.2.min.js"></script> <script> $(document).ready(function() {  $("#btn_refresh").click(function(){ location.reload(false); //loads from browser's cache   });  $("#btn_reload").click(function(){ location.reload(true); //loads from server  });  }); </script>  </body> </html>



That's all most how to reload or refresh a page inwards jQuery using JavaScript. Just recall that window.location.reload() volition teach the browser to reload the page, which way downloading information from the server, parsing, together with displaying it. You tin too reload a page from browser's cache past times using the location.reload(false) method. You tin read to a greater extent than most jQuery methods on jQuery inwards Action book, 1 of the best resources to larn together with usage jQuery inwards existent globe projects.

Other jQuery articles for you
  • 5 Books to larn jQuery for Web developers (books)
  • How to acquire electrical flow URL, Parameters, together with Hash using jQuery? (solution)
  • jQuery Hello World Example (program)
  • How to usage to a greater extent than than 1 jQuery UI DatePicker inwards JSP page? (example)
  • How to exercise tab-based UI using jQuery? (example)
  • How to alter to a greater extent than than 1 chemical portion inwards 1 line? (example)
  • How to redirect a page URL using jQuery together with JavaScript? (solution)
  • How to write HelloWorld inwards jQuery? (solution)
  • 20 jQuery Interview Questions for Java Web Developers (list)
  • How to charge jQuery inwards a spider web page? (solution)



Further Reading
The Complete jQuery Course: From Beginner To Advanced!
Up together with Running alongside jQuery
jQuery Fundamentals By Dan Wahlin

Thanks for reading this article. If yous similar this tutorial together with hence delight portion alongside your friends together with colleagues. If yous bring whatever enquiry or feedback together with hence delight drib a comment. 

Komentar

Posting Komentar

Postingan populer dari blog ini

2 Ways To Banking Concern Tally If A String Is Rotation Of Other Inward Java?

Gambar
Write a programme to depository fiscal establishment tally if 1 String is a rotation of some other String is a mutual coding occupation you lot volition come across on programming labor interviews .  A String is said to locomote a rotation of some other String, if it has the same length, contains same characters, as well as they were rotated roughly 1 of the characters. For example,  String "bcda" is a rotation of "abcd" but "bdca" is non a rotation of String  "abcd" . One of the simplest solutions to this interesting occupation is get-go to depository fiscal establishment tally if 2 String has the same length, if non so 1 String cannot locomote the rotation of another. If they are of the same length so only exercise some other String past times concatenating get-go String alongside itself, immediately depository fiscal establishment tally if minute String is a substring of this concatenated String or not, if yes, so minute String is a rotati...
Baca selengkapnya

How To Convert String To Integer To String Inward Coffee Amongst Example

Gambar
Converting String to integer together with Integer to String is 1 of the basic tasks of Java together with most people learned nearly it when they acquire Java programming. Even though String to integer and Integer to String conversion is basic materials but same fourth dimension its most useful besides because of its frequent demand given that String and Integer are ii most widely used type inward all variety of programme together with you lot oftentimes gets information betwixt whatever of these formats. One of the mutual tasks of programming is converting 1 information type to a greater extent than or less other e.g. Converting Enum to String or Converting Double to String , Which is similar to converting String to Integer. Some programmers asked a query that why non Autoboxing tin last used to Convert String to int primitive or Integer Object?  Remember autoboxing exclusively converts primitive to Object it doesn't convert 1 information type to other. Few days dorsum ...
Baca selengkapnya

How To Induce Chrome, Firefox Blurry, Over Bright, Fading Afterwards Windows Ten Update

Gambar
Today morning, I updated My HP Laptop to Windows 10. The starting fourth dimension impression was great, crystal clear images, ameliorate wallpaper, ameliorate themes, ameliorate welcome enshroud as well as improved start carte du jour as well as chore bar at the right-hand corner. But when I opened upwards Chrome as well as Firefox the text hold off faded, to a greater extent than brilliant as well as contrast was non perfect. Since I had non changed anything, I suspect this is the Windows 10 default settings which are causing the problem. I knew it earlier because I had equally good faced similar issues when I was moved from Windows XP to Windows 8 as well as and thus Windows 8.1 update. If you lot are facing the same occupation where your Chrome, Firefox are non looking clear, instead looking blurry as well as faded as well as thus you lot demand to adapt your Laptop's enshroud brightness, contrast, as well as gamma. I actually hated initial impression of Chrome because adja...
Baca selengkapnya