一部分だけリロード（同じページ内）

Question

〜省略〜
本文
<div class="hoge">
あいうえお
</div>

divの部分だけリロードにしたいです。jQueryやAjax通信などで読み込んだ外部ファイルだけをリロードする方法がありますが同じファイル内の一部分を一定間隔でリロードしたいです。
古いブラウザの対応については考えていません。

Comments

[miyabi_pudding]

まず、ご自身でやってみたコードを掲示して下さい。
今のままだと、やりたいことを述べた、作業依頼になっております。
こう自分でやってみたが、ここの部分がどうしても上手くいかなかった、など、具体的に質問していただければと思います。

[Lhankor_Mhy]

自分自身をajaxで読み込めばいいかと思うのですが、ダメですか？

Answer 1

外部ファイルだろうと自分自身だろうと同じことです。パフォーマンスが気になるならサーバー側に専用のメソッドを用意しましょう。

function reloadHoge() {
  $.get(document.URL).done(function(data, textStatus, jqXHR) {
    const doc = new DOMParser().parseFromString(data, 'text/html');
    $('.hoge').html(doc.querySelector('.hoge').innerHTML);
  });
}
setInterval(reloadHoge, 60000);