Reputation: 853

Refresh (reload) a page once using jQuery?

I'm wondering how to refresh/reload a page (or even specific div) once(!) using jQuery?

Ideally in a way right after the DOM structure is available (cf. onload event) and not negatively affecting back button or bookmark functionality.

Please, note: replace() is not allowed due to third-party restrictions.

Upvotes: 85

Answers (14)

Tino Jose Thannippara

Reputation: 752

You may need to use this reference along with location.reload() check this, it will work.

this.location.reload();

Upvotes: 0

Vicky

Reputation: 9585

Use:

<html>
    <head>
        <title>Reload (Refresh) Page Using Jquery</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#reload').click(function() {
                    window.location.reload();
                });
            });
        </script>
    </head>
    <body>
        <button id="reload" >Reload (Refresh) Page Using</button>
    </body>
</html>

Upvotes: 2

Steve

Reputation: 11

 - location = location
 - location = location.href
 - location = window.location
 - location = self.location
 - location = window.location.href
 - location = self.location.href
 - location = location['href']
 - location = window['location']
 - location = window['location'].href
 - location = window['location']['href']

You don't need jQuery for this. You can do it with JavaScript.

Upvotes: 1

Felipe Leão

Reputation: 925

For refreshing page with javascript, you can simply use:

location.reload();

Upvotes: 0

user1016195

Reputation: 153

Try this:

<input type="button" value="Reload" onClick="history.go(0)">

Upvotes: 0

Parag Gaiwkad

Reputation: 91

Use this:

    <script type="text/javascript">
        $(document).ready(function(){

            // Check if the current URL contains '#'
            if(document.URL.indexOf("#")==-1)
            {
                // Set the URL to whatever it was plus "#".
                url = document.URL+"#";
                location = "#";

                //Reload the page
                 location.reload(true);
            }
        });
    </script>

Due to the if condition, the page will reload only once.

Upvotes: 5

Koss

Reputation: 1012

Try this code:

$('#iframe').attr('src', $('#iframe').attr('src'));

Upvotes: 0

Adrian P.

Reputation: 5228

You don't have a jQuery refresh function, because this is JavaScript basics.

Try this:

<body onload="if (location.href.indexOf('reload')==-1) location.replace(location.href+'?reload');">

Upvotes: 3

Milli

Reputation: 1361

To reload, you can try this:

window.location.reload(true);

Upvotes: 67

Ben

Reputation: 16533

Alright, I think I got what you're asking for. Try this

if(window.top==window) {
    // You're not in a frame, so you reload the site.
    window.setTimeout('location.reload()', 3000); //Reloads after three seconds
}
else {
    //You're inside a frame, so you stop reloading.
}

If it is once, then just do

$('#div-id').triggerevent(function(){
    $('#div-id').html(newContent);
});

If it is periodically

function updateDiv(){
    //Get new content through Ajax
    ...
    $('#div-id').html(newContent);
}

setInterval(updateDiv, 5000); // That's five seconds

So, every five seconds the div #div-id content will refresh. Better than refreshing the whole page.

Upvotes: 83

Paresh3489227

Reputation: 863

Add this to the top of your file and the site will refresh every 30 seconds.

<script type="text/javascript">
    window.onload = Refresh;

    function Refresh() {
        setTimeout("refreshPage();", 30000);
    }
    function refreshPage() {
        window.location = location.href;
    }
</script>

Another one is: Add in the head tag

<meta http-equiv="refresh" content="30">

Upvotes: 1

arunav

Reputation: 1

Use this instead

function timedRefresh(timeoutPeriod) {
    setTimeout("location.reload(true);",timeoutPeriod);
}

<a href="javascript:timedRefresh(2000)">image</a>

Upvotes: 0

swapnil

Reputation: 41

$('#div-id').click(function(){

   location.reload();
        });

This is the correct syntax.

$('#div-id').html(newContent); //This doesnt work

Upvotes: 4

Maz

Reputation: 3375

window.location.href=window.location.href;

Upvotes: 40

Refresh (reload) a page once using jQuery?

Answers (14)

Related Questions