|
|
I have seen this question asked in many forums, however the solution presented worked on selected browsers only. Here’s a solution I have tested that works on IE7, FireFox 3 and Chrome. Hopefully it should work on other browser versions as well!
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Reload/Refresh a Page in jQuery</title>
<script type="text/javascript"
src="http://code.jquery.com/jquery-latest.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
$('#Button1').click(function() {
location.reload();
});
});
</script>
</head>
<body>
<input id="Button1" type="button" value="button" />
</body>
</html>
Drop a comment if this script does not work in any browser version.
Check plenty of other jQuery Tips here
'Like' us on our FaceBook page if you find this blog useful. Thanks!
Did you like this post?
|
|
||
|
|
|
Save on Delicious |
|
subscribe via rss |
|
subscribe via e-mail |
|
print this post |
|
follow me on twitter |
About The Author
comments
20 Responses to "How to Refresh/Reload a Page using jQuery"if we must reload the page using a button, it's just the same like using the F5 key :D however, nice tuts :D
Great post Dude thanks a lot.
Wow thanks! .. I was wondering how to reload the page after having logged the user via ajax, to give him access to admin links!
location.reload() did exactly what i wanted..
thanks a lot its works cool
Is there any way to reload the page automatically after 30 sec or 1 min using the above code?
@Rezaul
Yes:
function Refresh() {
location.reload();
};
$(document).ready(function() {
setTimeout("Refresh()", 30000); //30 sec.
});
Or just use the metatags and put this in your head section:
<meta http-equiv="refresh" content="30000">
but what if i want to reload only when the page has failed to load? how to detect this..?
Great one :)
Thanks. Needed it for ajax login too ;)
You rock!, saved my day :)
What do you mean by 'failed to load'?
If you are loading stuff via AJAX, you can put reload() in the error handler:
$.ajax({
url:'example.com',
error: function(xhr, textStatus, errorThrown){
location.reload();
}
});
At least the script needs to be correctly loaded in order to do what you want.
Nice Post Bro ... Keep it cool ... ty.
Saved my day :)
While searching found something similar..
http://jquerybyexample.blogspot.com/2011/08/different-ways-to-refresh-or-reload.html
Thanks,
Rajesh
Great post Dude thanks a lot.
Hi guys I tried with jquery to add a function to the media dialog close button. His ID is #TB_closeWindowButton and I just added this to the my-scripts.js file
jQuery('#TB_closeWindowButton').click(function() {
location.reload();
});
It doesn't work. Any Ideas???
Raffaele COlleo
Sorry forgot to say that I am using wordpress. The media dialog box is the dialog box where you can manage images.
Sorry again
Raffaele Colleo
Great post Dude, thanks a lot!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
omg... 3 hours spend on searching this solution... thanks
Hi, thank you for your website.
Here goes my problem:
One iframe (let's say A) calling a web jquery code (just alert command, let's say B) to be in diferent iframe.
First time you click on A, it calls to B and working perfect. You click on A for another jquery script code for diferent iframe, it works perfect. You click it again for first choice, and B doesn't work, Jquery script is not read anymore, why? Page is loaded (unless shows up) but alert is not running anymore.
So, in other words, when you call back a page from another, jquery is not running anymore.
I try with reload with unsuccessfully.
Thank you!
Post a Comment