ページの一部を更新する

Question

これが可能かどうかわかりませんが、ボタンをクリックしたときにdiv内の内容を更新したいと思います。

例：

<div id="div"> 
Some contents 
</div> 
<input type="button" value="button" onClick="div.refresh()"/> 

私はちょうどページのその部分だけをリフレッシュするのdivの内容を変更するつもりはありませんよ。

これは可能ですか？

Answer 1

だ、jQueryのload機能は、サイトpage.htmlの内容を返し、検索DOM要素（ここではidはdiv2）を取得し、HTMLコンテンツを覚えています。主に選択されたDOM要素のHTMLコンテンツ（ここではidはdiv1）が新しいコンテンツに置き換えられます。

$('#div1').load('page.html #div2'); 

次のコードは、div htmlを現在のコンテンツに置き換えます。

function div_refresh() { 
    $('#div').load(window.location.href + ' #div'); 
} 

また、私のexampleを参照してください。

Answer 2

divの内容を変更して、ページのその部分の だけを更新しようとしていません。

これはあまり意味がありません。ページの一部を更新したい場合は、コンテンツをどこかに変更したいと考えています。

とにかく、確かに可能です。

あなたのdivが属性id="myDiv"を持っている場合、あなたは簡単な例として

$('#myDiv').html('updated content');

ような何かをするだろう。 $('#myDiv')には、idがmyDivの要素がjqueryで選択され、htmlの値はdiv内の値に変更されます。here

は再び、それは次の例ではjQueryを使ってばかりのdivの内容を変更する方法の本当に簡単な例....