Jquery обновляет несколько переменных

Question

Мне очень трудно найти хорошие ресурсы или любую идею о том, как выполнить следующее:

Using jquery get some data

1. Используйте jquery для получения некоторых данных.Теперь, в каком синтаксисе должны быть данные. Перейдите к шагу 2.
2. Снова используя jquery, присвойте эти данные нескольким переменным и тегам на html-странице.Я знаю, как заменить 1 тег.Но я хочу обновить несколько div, тегов, идентификаторов.Переходите к шагу 3.
3. Теперь через некоторое время вернитесь к шагу 1.

Я попробовал моего друга GOOGLE, но он не может найти страницы, которые я ищу.Я был бы очень признателен за некоторый код, но ссылка на учебник тоже не была бы слишком плохой.

Answer 1

1) $.ajax() кажется хорошей идеей, используйте ее для извлечения данных в формате JSON:

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

2) Сделайте это в параметре success, как новую функцию. success: function() {}

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

3) Оберните ваш $.ajax() звонок в интервале:

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

Изменить (ответ на комментарий ниже):

Попробуйте сделать это следующим образом, поскольку вы не используете функцию () в качестве обратного вызова:

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);

Дайте мне знать, если это сработает для вас.

Answer 2

1 - См. $.ajax и связанные с ним высокоуровневые оболочки, такие как $.get, $.post, $.load и $.getJSON.

2 - Если ваш сервер отправляет JSON клиенту, и клиент понимает, как его использовать, это тривиально. e.g.:

// json from server
{ "newsDiv" : "some html", "imagesDiv", "some html" }

// assuming it is stored in the variable 'data'
$("#newsDiv").html(data.newsDiv);
$("#imagesDiv").html(data.imagesDiv");

3 - setInterval ваш друг.

Answer 3

Затем проверьте функцию jquery 'load' здесь .При этом вы можете загрузить данные с сервера и поместить их в соответствующий HTML-элемент.Очень чисто и просто.Затем посмотрите, как реализовать таймер здесь

Я не вижу, что еще вам понадобится