Обновите содержимое div через AJAX с помощью jQuery, когда они будут новыми событиями.

Question

Я провожу матч «тайминг в реальном времени», когда администратор отправляет в базу данных новые данные, такие как: «Команда А забивает! 1-0».Это показано на общедоступном веб-сайте внутри <div />, и я хочу получить новые входные данные и распечатать его.Я никогда не делал ничего подобного, и я не знаю, как это сделать.

У меня также есть некоторые сомнения:

1. Возможно, что сервер отправляет контент вбраузер X?Так будет ли браузер только на «холостом ходу»?
2. Можно ли обновлять только когда пользователь активен в браузере?Как это делает Facebook, если вы не присутствуете в браузере или не наводите курсор мыши, вы не получаете обновлений.
3. Можно добавлять только к <div /> новые элементы и не обновлять их все?

Заранее спасибо!

Answer 1

Вы можете использовать такие методы ajax:

$.getJSON('ajax/test.json', function(data) {

  $('.result').html($('.result').html()+'<p>' + data.foo + '</p>'
    + '<p>' + data.baz[1] + '</p>');
});

или:

$.ajax({ url: "test.html", context: document.body, success: function(){

.......................................}});

С помощью вызова setTimeout:

(function() {
  $(document).ready(function() {update();});

  function update() { 
  $.getJSON(.................);
    setTimeout(update, 3000);     }
  }
)();

Тогда вы можете связатьсобытие mouseover для div, которое оборачивает вашу сеть, что вызовет вызов ajax.Вы должны использовать управляющую переменную, чтобы знать, когда обрабатывается вызов, поэтому не дублируйте его.