How can i update div continuously

Question

I have asp.net application where i have a div which showing the value from other site. The value of that site is changing continuously.

I want that my div will automatically update in some interval time.

How can i do this.

Answer 1

You could use the setinterval function of jquery/javascript. For some information you can look at this tutorial: http://docs.jquery.com/Tutorials%3AScroll%5FUp%5FHeadline%5FReader Or search the jquery document site for other references.

Answer 2

Sorry for the bug. setTimeout is used as opposed to setInterval to accomodate for any delay that may occur in the AJAX request.

var to;
$(function() {
    // initialize timer to update div every 5 seconds
    to = setTimeout(updateDivContent, 5000);
});

function updateDivContent() {
    // make your AJAX/LOAD request for the data here to populate div
    $('#mydivcontainer').empty().load('myAspFileToGrabExternalData.aspx', null, function() {
        // reset the timer to grab the content in another 5 seconds
        to = setTimeout(updateDivContent, 5000);
    });
}

You can read up on jQuery's load method here.

Answer 3

You need to use active polling (repeatedly checking the other site), which might earn you some hate from that site (as well as possibly have legal repercussions) unless you're the one who owns it. You might not want to use setInterval() to poll the other site as this could introduce race conditions if the site takes a bit to respond (i.e. if you're polling every 5 seconds, and the site takes 6 seconds to respond once, then 1 second to respond on the subsequent response, both of these will hit your page at the same time).

To borrow from cballou's post:

var to;
$(function() {
    // initialize timer to update div every 5 seconds
    to = setTimeout(updateDivContent, 5000);
});

function updateDivContent() {
    // make your AJAX/LOAD request for the data here to populate div
    $('#mydivcontainer').load('myAspFileToGrabExternalData.aspx', null, function() {
        // reset the timer to grab the content in another 5 seconds
        to = setTimeout(updateDivContent, 5000);
    });
}

Also, cballou's post has a bug where it would have queued a new interval each time it ran (so that after 3 iterations, you're fetching the page 3 times every 5 seconds, after 10 iterations, you're fetching it twice a second, etc).

Answer 4

$(document).ready(function() { var refreshId = setInterval(function() { $('#main').fadeOut("slow").load('Default.aspx').fadeIn("slow"); }, 50000); });