1. ホーム
  2. javascript

[解決済み] DIVコンテンツを更新する方法を教えてください。

2022-02-05 09:10:54

質問

<div id='here'></div>

私は、たくさんのdivの中のあるdivを更新しようとしています。div のコンテンツは基本的に PHP によって生成され、MySQL データベースからのデータと、XMLHttpRequest の助けを借りて送信される多くの変数も一緒に生成されます。

このアイデアは、php ファイルを読み込んだり .text または .html . この場合 .load('file.php')

私が試したこと :

<script type='text/javascript'>
    function updateDiv()
    { 
        document.getElementById("here").innerHTML = document.getElementById("here").innerHTML ;
    } 
</script>

と(3秒ごとの更新の場合):

$(document).ready(function () {
    setInterval(function () {
        $('#here').load('#here'));
    }, 3000);
});

理想的には、次のようなものが必要です。

function reloadDIV () {document.getElementById("here").innerHTML.reload}

function reloadDIV () {$('#here').load(self)} 

これをonClickで使用できるようにするためです。

<a onclick='reloadDIV ();'>reload div</a>

解決方法は?

ページの一部を再読み込みするには、jquerysの load を現在の url と共に指定し、必要なフラグメントを指定します。 load が呼び出された場合、この場合は #here :

function updateDiv()
{ 
    $( "#here" ).load(window.location.href + " #here" );
}

  • load要素のセレクタ内のスペースを無視してはいけません。 + " #here"

この関数は、インターバル内で呼び出すか、クリックイベントに添付して呼び出すことができます。