javascript - 如何在固定时间间隔后使用 JQuery AJAX 更新特定 div？

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') );
},
[...]