jquery - JQuery ページの更新

Question

ページをリロードせずに、メタリフレッシュのように機能する一定の間隔で JQuery を使用してページをリフレッシュするにはどうすればよいですか?

...または、ページの html フォームを再読み込みして、表示されるデータを更新しますか?

どちらでも機能しますが、実際に機能するものは見つかりません。

ありがとう！

Answer 1

$.ajax または $.getJSON 関数を使用してページの特定のフラグメントを更新するために ajax を使用できます。これらの関数はサーバー側のコードを呼び出して json ブロックを取得し、json データを入力できます。

$.ajax({
  url: "mydomain.com/url",
  type: "POST",
  dataType: "xml/html/script/json",
  data: $.param( $("Element or Expression") ),

  complete: function(data) {
            var tag = $('#idonpage');
            tag.text(data.something.etc);
  },

  success: function() {
    //called when successful
 },

  error: function() {
    //called when there is an error
  },
});

または、フォーム $.load('someurl #id') を使用して $.load 関数を使用できます。jQuery は someurl から id タグを探して html を解析し、このデータを使用してページのどこかに入力することができます。

特定の間隔で関数を呼び出すには、javascript setInterval 関数を使用します。たとえば、2 秒ごとに関数を呼び出します。

setInterval(function() { 何か... },2000);

この場合、すべてを設定する前にドキュメントレディ機能を使用してください。

$(document).ready(function() {
});

これがあなたを正しい方向に向けることを願っています。

Answer 2

ページ全体を参照するには、次のものが必要です。

widnow.location.href = "stackoverlow.com";

ページの一部を参照する必要がある場合は、$.ajaxを調べる必要があるようです

ページの一部を 2 秒ごとに参照したい場合は、setInterval と $.ajax を使用します。

setInterval(function() {
   $.ajax(..);
}, 2000);