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

【问题标题】：How to update specific div using JQuery AJAX after regular time intervals?如何在固定时间间隔后使用 JQuery AJAX 更新特定 div？
【发布时间】：2017-05-10 23:13:56
【问题描述】：

我想更新特定的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);
})

【问题讨论】：

stackoverflow.com/questions/25446628/… 的可能重复项。提问前先搜索
您正在更新特定元素：$('#gt').html(data); 如果您想更新其他元素，请更改选择器以标识该元素。
也向我们展示您的 HTML。html 的 ID 为 gt？如果不是，#gt 的元素是谁？
是的，就像
但是这个部分是根元素吗？我的意思是，他是包裹整个页面还是其中的一部分？如果它只是换行，它不应该刷新整个页面。也许是别的东西。

标签： javascript jquery html ajax marko

【解决方案1】：

假设返回的数据是 html，您可以通过 $(data).find('your-selector') 选择其中的内容来编辑您的示例：

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

【讨论】：

assuming the date returned is html - 你为什么要假设这个？阅读 cmets..
@moshFeu 因为您说整个 HTML 会重新加载，所以我假设它会与您从请求中获得的其他 HTML 一起重新加载。无论如何，你只需要做$( '#gt .something-inside' ).html( data );
显然你是对的。不是html 元素，而是应用程序的根元素..