1. ホーム
  2. jquery

[解決済み] jQueryでページを一度リフレッシュ(再読み込み)する?

2023-05-16 08:52:10

質問

jQueryを使ってページ(あるいは特定のdiv)を一度だけ(!)更新/再読み込みする方法はないでしょうか?

理想的には DOM structure が利用できます (cf. onload イベント) に悪影響を与えず、かつ back button または bookmark という関数があります。

どうぞ、ご注意ください。 replace() はサードパーティの制限により使用できません。

どのように解決するのですか?

さて、私はあなたが求めているものを得たと思います。これを試してみてください。

if(window.top==window) {
    // You're not in a frame, so you reload the site.
    window.setTimeout('location.reload()', 3000); //Reloads after three seconds
}
else {
    //You're inside a frame, so you stop reloading.
}


一度だけなら、そのまま

$('#div-id').triggerevent(function(){
    $('#div-id').html(newContent);
});

定期的に行われる場合

function updateDiv(){
    //Get new content through Ajax
    ...
    $('#div-id').html(newContent);
}

setInterval(updateDiv, 5000); // That's five seconds

つまり、5秒ごとにdiv #div-idのコンテンツが更新されるわけです。ページ全体が更新されるより良いですね。