jQueryのロードおよびアンロード関数の使用

例

ユーザーがリンクをクリックしてこのページを離れると、メッセージボックスがポップアップします:

$(window).unload(function(){
  alert("Goodbye!");
});

自分で試してください

定義と使用法

ユーザーがページを離れると、アンロードイベントが発生します。

具体的には、アンロード イベントは次の場合に生成されます:

• ページから離れたリンクがクリックされた場合

• アドレス バーに新しい URL が入力された場合

• 進むボタンまたは戻るボタンを使用した場合

• ブラウザを閉じます

• ページを再読み込みします

unload() メソッドは、イベント ハンドラープログラムをアンロード イベントにバインドします。

unload() メソッドはウィンドウ オブジェクトにのみ適用されます。

構文

event.unload(function)

パラメータ	説明
関数	必須。アンロード イベントがトリガーされたときに実行される関数を指定します。

jQuery のロード関数とアンロード関数は、

load(url, [data], [callback]) を使用してリモート HTML ファイル コードをロードし、DOM に挿入します。デフォルトでは GET メソッドが使用されます。追加のパラメーターを渡すと、自動的に POST メソッドに変換されます。 jQuery 1.2 では、ロードされた HTML ドキュメントをフィルターするセレクターを指定でき、フィルターされた HTML コードのみが DOM に挿入されます。構文は「url #some > selector」のようなものです。
次の 3 つのパラメータがあります。
url — (String) — ロードされる HTML Web ページの URL。
data (オプション) — (Map,String) — サーバーに送信されるキー/値データ。 jQuery 1.3 では、string を受け入れることも可能です。
callback (オプション) — コールバックが正常にロードされたときのコールバック関数 。

例:

記事のサイドバーのナビゲーション セクションを順序なしリストに読み込みます。

HTML コード:
jQuery リンク:

jQuery コード:
$("#links").load("/Main_Page #p-Getting-Started li");

feeds.html ファイルのコンテンツをロードします。

jQuery コード:
$("#feeds").load("feeds.html");

上記と同じですが、POST フォームで追加のパラメーターを送信し、成功時の情報を表示します。

jQuery コード:
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("フィードの最後の 25 エントリがロードされました");
} );

unload(fn) ハンドラー関数を、一致する各要素のアンロード イベントにバインドします。
Parameter:fn — Function は、一致する各要素のアンロード イベントにバインドされた処理関数です。
例: ページがアンロードされるときに
警告ボックスが表示されます:jQuery code:
$(window).unload( function () {alert("Bye now!"); } );

load(url, [data], [callback]) は、リモート HTML ファイルのコードをロードし、DOM に挿入します。デフォルトでは GET メソッドが使用されます。追加のパラメーターを渡すと、自動的に POST メソッドに変換されます。 jQuery 1.2 では、ロードされた HTML ドキュメントをフィルターするセレクターを指定でき、フィルターされた HTML コードのみが DOM に挿入されます。構文は「url #some > selector」のようなものです。 次の 3 つのパラメータがあります:
url — (文字列) — ロードされる HTML Web ページの URL。
data (オプション) — (Map,String) — サーバーに送信されるキー/値データ。 jQuery 1.3 では、文字列を受け入れることもできます。
callback (オプション) — ロードが成功したときに呼び出されるコールバック関数。

例:

記事のサイドバーのナビゲーション セクションを順序なしリストに読み込みます。

HTML コード:
jQuery リンク:

jQuery コード:
$("#links").load("/Main_Page #p-Getting-Started li");

feeds.html ファイルのコンテンツをロードします。

jQuery コード:
$("#feeds").load("feeds.html");

上記と同じですが、POST フォームで追加のパラメーターを送信し、成功時の情報を表示します。

jQuery コード:
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("フィードの最後の 25 エントリがロードされました");
} );

unload(fn) ハンドラー関数を、一致する各要素のアンロード イベントにバインドします。
Parameter:fn — Function は、一致する各要素のアンロード イベントにバインドされた処理関数です。
例: ページがアンロードされるときに警告ボックスが表示されます:
jQuery code:
$(window).unload( function () {alert("Bye now!"); } );

以上がjQueryのロードおよびアンロード関数の使用の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。