私は主に AJAX を使用して、ページ全体をリロードせずに Web ページの一部を更新しています。
AJAXを使わずにできますか
サーバーからの新しい情報が必要ない場合は、JavaScript を使用して DOM を操作してください。イベント ハンドラーを HTML 要素に追加して、JavaScript コードをトリガーします。
サーバーから新しい情報を取得して JavaScript にフィードする 1 つの例:<script src="...">
ノードを DOM に追加します。
画像のみを変更する場合.src
は、DOM 画像の属性を変更するか、new Image
JavaScript から を作成して DOM に追加します。
長方形に何かを描画する場合は、<canvas>
要素を作成し、JavaScript を使用して描画します。
おそらく他にも多くの方法があります。
ajaxなしでdivのコンテンツを更新するを参照してください
リフレッシュせずにサーバー側で何かを行う場合は、を使用する必要がありますAJAX
。それ以外の場合は、単に JavaScript コードを使用できます。
コンテンツの表示/非表示の場合 (サーバー側で何もしない場合)、単純にjavascript
コードまたはjquery
.
例えば。
単純javascript
document.getElementById('myContent').display = 'none';
document.getElementById('myContent').display = 'block';
jquery
$('#myContent').hide();
$('#myContent').show();
myContent
コンテンツ要素 ID はどこですか