Question

I am having a very hard time finding a good resources or any idea on how to accomplish the following:

Using jquery get some data

1. Use jquery to fetch some data. Now what syntax should the data be in. Go to step 2.
2. Again using jquery, assign that data to multiple variables and tags on the html page. I know how to replace 1 tag. But I wanna refresh multiple divs, tags, ids. Go to step 3.
3. Now go back to step 1 after some time.

I have tried my friend GOOGLE but it can’t find the pages that I am looking for. I would really appreciate some code here but a link to a tutorial wouldn’t be too bad either.

Answer 1

1) $.ajax() seems like a good idea, use it to fetch data in the JSON-format:

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
  success: callback //Assign data and stuff here
});

2) Do that in the success-parameter, as a new function. success: function() {}

success: function() {
    $('div#1').html('foo');
    $('h1#1').html('woo');
}

3) Wrap your $.ajax()-call in an interval:

var refresh = setInterval(function()
$.ajax({
      url: url,
      dataType: 'json',
      data: data,
      success: callback //Assign data and stuff here
     });
 }, 60000);

Edit (response to the comment below):

Try doing it the following way, as you’re not usin a function() as a callback:

function() { 
    $.ajax({ 
        url: "/admin/ajax/all_data.php", 
        dataType: 'json', 
        data: data, 
        success: function(data) {
            $("#testdiv1").html(data.testdiv1); 
            //$("#testdiv2").html(data.testdiv2); 
            //$("#testdiv3").html(data.testdiv3); 
        }
    }); 
}), 2000);

Let me know if this works out for you.