web-dev-qa-db-ja.com

AJAXを使用してdivまたはWebページを自動更新する方法

私はこれを長い間試みてきましたが、できません。これが私の問題です：次のようなWebページがあります。

<html>
<body>
<div id="my_div">
<span id="txt">HELLO WORLD</span>
</div>
</body>
</html>

ここで、div "my_div"がX秒ごとに自身を更新し、その内容も更新するようにします。 AJAXまたはJQUERYまたはJAVASCRIPTを使用してこれを行う方法？

注意：ページ全体を更新するスクリプトは必要ありません。注意してください（2）：Googleで何かを見つけようとしたところ、何も見つかりませんでした。

私を助けてください。私は長い間この問題を抱えてきました。

前もって感謝します！

jqueryajaxrefresh
8
gedamial

JQuery load()とインターバルタイマーを使用するのが最も簡単です。

_setInterval(function(){
   $('#my_div').load('/path/to/server/source');
}, 2000) /* time in milliseconds (ie 2 seconds)*/
_

load()は_$.ajax_の省略メソッドです

これは、その要素のコンテンツのみを出力するサーバー側スクリプトを設定することを前提としています。 load url内のセレクターフラグメントを使用して、特定のコンテンツのページ全体を解析することもできます

load（）API Docsを参照してください

16
charlietfl

あなたは次のようなものを書くことができます

var doSth = function () {

  var $md = $("#my_div");
  // Do something here
};
setInterval(doSth, 1000);//1000 is miliseconds
2
Kenny Tai Huynh

JQueryを使用すると、以下を使用して要素のコンテンツを動的に更新できます。

$("#my_div").html("... new content ...");

新しいコンテンツが元のコンテンツを置き換えます。

SetInterval（）メソッドを使用すると、JavaScriptを期間ごとに実行できます。

例えば：

window.setInterval(function() {
   $("#my_div").html("... new content ...");
}, 1000);

1秒ごとにコンテンツを置き換えます。

1
Kolban