web-dev-qa-db-ja.com

DIVコンテンツを更新するにはどうすればよいですか？

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

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

アイデアは、div自体をリロード/リフレッシュし、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>
_
javascriptphpjqueryhtml
12
cyberion1985

ページのセクションをリロードするには、現在のURLでjquerys loadを使用し、必要なフラグメントを指定できます。これは、loadが呼び出されるのと同じ要素で、この場合は#here：

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

この関数は、間隔内で呼び出すか、クリックイベントにアタッチできます。

23
Steve

JQueryを使用して、単純な$.get 方法。 .html innerHtmlのように機能し、divのコンテンツを置き換えます。

$.get("/YourUrl", {},
      function (returnedHtml) {
      $("#here").html(returnedHtml);
});

そして、javascript setIntervalメソッドを使用してこれを呼び出します。

0
Neha Jain