ajax - AJAX を使用せずにページのコンテンツを変更できますか

Question

私は主に AJAX を使用して、ページ全体をリロードせずに Web ページの一部を更新しています。

AJAXを使わずにできますか

Answer 1

サーバーからの新しい情報が必要ない場合は、JavaScript を使用して DOM を操作してください。イベント ハンドラーを HTML 要素に追加して、JavaScript コードをトリガーします。

サーバーから新しい情報を取得して JavaScript にフィードする 1 つの例:<script src="...">ノードを DOM に追加します。

画像のみを変更する場合.srcは、DOM 画像の属性を変更するか、new ImageJavaScript から を作成して DOM に追加します。

長方形に何かを描画する場合は、<canvas>要素を作成し、JavaScript を使用して描画します。

おそらく他にも多くの方法があります。

Answer 2

ajaxなしでdivのコンテンツを更新するを参照してください

リフレッシュせずにサーバー側で何かを行う場合は、を使用する必要がありますAJAX。それ以外の場合は、単に JavaScript コードを使用できます。

コンテンツの表示/非表示の場合 (サーバー側で何もしない場合)、単純にjavascriptコードまたはjquery.

例えば。

単純javascript

document.getElementById('myContent').display = 'none';
document.getElementById('myContent').display = 'block';

jquery

$('#myContent').hide();
$('#myContent').show();

myContentコンテンツ要素 ID はどこですか