2017-02-26 27 views
0

私は自分の.phpサイトにdivをいくつかの内容が含まれています。今、私はDivが同じページのスクリプトで5秒ごとに更新されるようにします。自動的に再読み込みDiv

私はすでにJQueryでこれを実行しようとしましたが、ここで示したすべての例は、別のファイルからコンテンツを読み込んで更新する方法を示しています。

これを解決する最も簡単な方法は何ですか? (たぶんJSと?)私はこれでstruggelingだ瞬間に

function autoRefresh_div() { 
 
    $("#div").load("load.html", function() { 
 
    setTimeout(autoRefresh_div, 5000); 
 
    }); 
 
} 
 

 
autoRefresh_div();

+1

これまでに何を試みましたか?あなたのコードも表示してください。 –

+0

あなたは表示したい新しいデータを与えるために/ api/urlファイルが必要です。そして 'setInterval'を使います。より多くの支援が必要な場合は、いくつかのコードを記入してください。 – abc123

+0

この場合、_refresh自体は何を意味しますか?要素はデータベースから何らかの値を表示していますか? – Sampson

答えて

1

あなたはカップル小さな変化で、動作するはず取っているアプローチ:

心に留めておくべき
// Look-up this element once; not for each request 
let element = document.getElementById("div"); 

function autoRefresh_div() { 
    // Add a selector to jQuery.fn.load 
    $(element).load("load.html #div", function() { 
     setTimeout(autoRefresh_div, 5000); 
    }); 
} 

autoRefresh_div(); 

ことの一つは、その$.fn.load方法rを文書全体がとかなり大きくなる可能性があります。次に、これをすべて破棄し、表示する要素のみを保存します。特にデータの使用状況を監視する必要があるユーザーにとっては、これは少し無駄です。

要素にデータベースの値が表示される場合は、その値だけを取得できるプリミティブなREST APIを作成することをおすすめします。その後、jQueryのAJAXメソッドを使用して単独でリクエストできます。

関連する問題