Как обновить конкретный div с помощью JQuery AJAX через регулярные промежутки времени?

Question

Я хочу обновить конкретные div - не полная html-страница. Когда я запускаю следующий код, он работает нормально, но перезагружает весь html. Кроме того, я использую разные макеты, например, у меня есть header, layout, footer в другом файле.

$(document).ready(function() {
  setTimeout( function(){  
    $.ajax({
      url: 'http://localhost:3002/jrt/?jId=$data.jacket.id',
      method: "GET",
      cache: false,
      success: function(data) {
        //$("#gt").append(data);
        $( '#gt' ).html( data );
      },
      error: function(jqXHR, textStatus, errorThrown) {
        alert('error ' + textStatus + " " + errorThrown);
      }
    })
  },10000);
})

Answer 1

Предполагая, что возвращенные данные HTML, вы можете выбрать что-то в нем, выполнив $(data).find('your-selector') отредактировать ваш пример:

[...]
success: function(data) {
   $( '#gt .something-inside' ).html( $(data).find('.something-inside') );
},
[...]