使用Jquery自动刷新多个div

Question

Im creating a dashboard for a large display at work, I have managed to get one div auto refreshing a php request page, but I can't think of a way of using this function on another div for another script without copying the entire function and renaming it, which just seems dumb.

This is what I have so far:

<script type="text/JavaScript"> 
$(document).ready(
function update() 
{
    $.get("response.php", function(data){
            $("#ajaxtest").html(data);
            window.setTimeout(update, 10000);
        });
});
</script>

I did so some searching on stackoverflow and found this nifty little extract, although its for single div use only... (second example: auto refreshing div with jquery)

Answer 1

You've out your update function as to be called directly when the document is ready. That's not necessarily a good idea, you want that function to be callable multiple times. For example, consider the following (untested code!):

function update(divId) 
{
   $.get("response.php", function(data){
   $(divId).html(data);
   window.setTimeout(update, 10000);
}

and then

$(document).ready(function(){
   update("#ajaxtest");
   update("#otherdiv");
   update(".divsbycssclass");
});

If you need a different url pass that in too. You can call this update method by timer or event:

$("a").click(function(){
   update("#ajaxtest");
});

Is that what you were referring to? If not, feel free to comment and I'll edit.