Json обновлять каждые x секунд SetInterval

Question

Json обновлять каждые x секунд SetInterval

Я сделал этот скрипт для получения информации json:

 $(document).ready(function(){

    $.ajax({
      url: 'url',
      dataType: 'json',
      cache: true,
      timeout: 30000,
      success: function(data) {

           //$('#output ul').append('The feed loads fine');
            $('#output ul').empty();

            $.each(data.posts, function(i,data){ 

                $('#output ul').append('
'+data.title+'
'+data.text+'');


            });

        },
        error: function(){
            $('#output ul').append('Error');
        }
    });
 });

Но я хочу обновлять фид каждые х секунд. Я много читал об этом, но я могу это сделать.

Как я могу это сделать?

4

добавлено 07 Февраль 2013 в 10:01 автор tom отредактировано 07 Февраль 2013 в 10:02

Просмотры: 7

источник

И в чем проблема с setInterval?

добавлено 07 Февраль 2013 в 10:03, автор Viktor S., источник

4 ответы

Видеокурс по Java для начинающих

Получи видеокурс по Java для начинающих с упражнениями

Видеокурс "Создание приложений для Android"

Получи множество видеоуроков по Android сейчас

Используйте setInterval для повторного вызова блока кода и поместите свой код в некоторую функцию и передайте имя функции в setInterval первый параметр. Вы можете передавать анонимную функцию вместо создания новой функции, например repeatMe , но я бы предпочел сделать функцию, чтобы сделать код более читаемым.

function repeatMe(){
 $.ajax({
  url: 'url',
  dataType: 'json',
  cache: true,
  timeout: 30000,
  success: function(data) {

       //$('#output ul').append('The feed loads fine');
        $('#output ul').empty();

        $.each(data.posts, function(i,data){ 

            $('#output ul').append('
'+data.title+'
'+data.text+'');


        });
    },
    error: function(){
        $('#output ul').append('Error');
    }
 });
}

setInterval(repeatMe, 5000);

Edit It would be better to use setTimeout instead of setInterval in the success to send the next call for update after the first has finished its job. We will also put setTimeout in error to keep the repetive call for update.

function repeatMe(){
 $.ajax({
  url: 'url',
  dataType: 'json',
  cache: true,
  timeout: 30000,
  success: function(data) {
       //$('#output ul').append('The feed loads fine');
        $('#output ul').empty();
        $.each(data.posts, function(i,data){ 

            $('#output ul').append('
'+data.title+'
'+data.text+'');
            setTimeout(repeatMe, 5000);
        });
    },
    error: function(){
        $('#output ul').append('Error');
        setTimeout(repeatMe, 5000);
    }
 });
}

2

добавлено 07 Февраль 2013 в 10:05 автор Adil

источник

Затем мы должны использовать setTimeout, так как вызов setInterval в успехе снова и снова будет умножать частоту вызова функции setInterval.

добавлено 07 Февраль 2013 в 10:45, автор Adil, источник

Обновлено с помощью setTimeout, спасибо за предложение.

добавлено 07 Февраль 2013 в 10:58, автор Adil, источник

Добро пожаловать.

добавлено 07 Февраль 2013 в 04:14, автор Adil, источник

Не следует ли устанавливать тайм-аут внутри параметра success , чтобы функция вызывалась через 30 секунд после ее завершения?

добавлено 07 Февраль 2013 в 10:39, автор Dim13i, источник

Да, я знаю, поэтому я сказал «установить тайм-аут» :) Конечно, это зависит от того, чего хочет пользователь.

добавлено 07 Февраль 2013 в 10:48, автор Dim13i, источник

Вы забыли изменить setInterval на setTimeout . Кроме того, в настройке success я думаю, что было бы лучше поставить setTimout вне $. Each() .

добавлено 07 Февраль 2013 в 11:04, автор Dim13i, источник

спасибо, это работает для меня.

добавлено 07 Февраль 2013 в 04:12, автор tom, источник

Система управления ссылками ReDirector 3.0

Автор: Евгений Попов

Мини-курс по Angular и NgRx

16 видео-уроков

автор Kolby · Answer 1 · 2013-02-07T10:04Z

var foo = function() {
    $.ajax({
      url: 'url',
      dataType: 'json',
      cache: true,
      timeout: 30000,
      success: function(data) {

           //$('#output ul').append('The feed loads fine');
            $('#output ul').empty();

            $.each(data.posts, function(i,data){ 

                $('#output ul').append('
'+data.title+'
'+data.text+'');


            });

        },
        error: function(){
            $('#output ul').append('Error');
        }
    });
    setTimeout(foo, 3000);
}

foo();

3000 - миллисекунды, которые вы хотите подождать, прежде чем снова вызвать функцию.

автор Anton · Answer 2 · 2013-02-07T10:05Z

setInterval(function(){

  $.ajax({
      url: 'url',
      dataType: 'json',
      cache: true,
      success: function(data) {

           //$('#output ul').append('The feed loads fine');
            $('#output ul').empty();

            $.each(data.posts, function(i,data){ 

                $('#output ul').append('
'+data.title+'
'+data.text+'');


            });

        },
        error: function(){
            $('#output ul').append('Error');
        }
    });

},30000);  //30000 == 30 seconds

автор Viktor S. · Answer 3 · 2013-02-07T10:05Z

$(document).ready(function(){
    setInterval(function() {
       $.ajax({
         url: 'url',
         dataType: 'json',
         cache: true,
         timeout: 30000,
         success: function(data) {    
           //$('#output ul').append('The feed loads fine');
            $('#output ul').empty();

            $.each(data.posts, function(i,data){ 

                $('#output ul').append('
'+data.title+'
'+data.text+'');


            });

           },
            error: function(){
               $('#output ul').append('Error');
           }
        });
    }, 1000 * x);
 });

Above code should work fine. Just put required number of seconds instead of x here: 1000 *x

Just remember that you should pass a pointer to a function into setInterval as a first parameter. if you do simply setInterval($.ajax({...}), x) you actually say that function returned by $.ajax should be executed each x seconds. But it returns jQuery object, not a function. That is why in my code ajax is wrapped with function() {}