ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryのロード、アンロード、オンアンロード、オンビフォアアンロード - liuyueyue

jQueryのロード、アンロード、オンアンロード、オンビフォアアンロード - liuyueyue

巴扎黑
巴扎黑オリジナル
2017-06-29 10:38:114256ブラウズ

1.load: jQueryのload()メソッドは、シンプルだが強力なAJAXメソッドです。 load() メソッドはサーバーからデータをロードし、返されたデータを選択した要素に配置します。

構文: $(selector).load(URL, data, callback);

必須の URL パラメータは、ロードする URL を指定します。

オプションのdataパラメータは、リクエストとともに送信されるクエリstringキー/値ペアのセットを指定します。

オプションのcallbackパラメータは、load()メソッドの完了後に実行される関数の名前です。

これはサンプル ファイル (「demo_test.txt」) の内容です:

  <h2>jQuery and AJAX is FUN!!!</h2>
  <p id="p1">This is some text in a paragraph.</p>

次の例では、ファイル「demo_test.txt」の内容を指定された

要素にロードします。 : $ ("#p1").load("demo_test.txt");

URL パラメーターに jQuery セレクターを追加することもできます。


次の例では、「demo_test.txt」ファイル内の id="p1" を持つ要素のコンテンツを、指定された

要素にロードします。

  $("#p1").load("demo_test.txt #p1");

オプションのコールバック パラメーターは、load() メソッドが実行されるときに、 completed 許可される

コールバック関数

。コールバック関数はさまざまなパラメーターを設定できます:

  • responseTxt

    - 呼び出しが成功したときの結果の内容が含まれます

  • statusTXT

    - 呼び出しのステータスが含まれます

  • xhr

    - XML が含まれますHTTPリクエストobject

  • 次の例では、load() メソッドの完了後にツールヒントが表示されます。 load() メソッドが成功すると「外部コンテンツが正常にロードされました!」が表示され、失敗するとエラー メッセージが表示されます:

$("button").click(function(){

$(" #p1" ).load("demo_test.txt",function(responseTxt,statusTxt,xhr){

if(statusTxt=="success")

alert("外部コンテンツが正常に読み込まれました!");

if( statusTxt== "error")

alert("Error: "+xhr.status+": "+xhr.statusText)

});

}); 。

具体的には、次のことが発生したときにアンロード イベントが生成されます:

ページを離れるリンクをクリックしたとき

アドレスバーに新しい URL が入力されたとき

    進むボタンまたは戻るボタンを使用したとき
  • ブラウザを閉じる
  • ページを再読み込みする
  • unload()メソッドは、
  • イベントハンドラー

    プログラムをアンロードイベントにバインドします。

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

3.

onunload

使用法:・object.onbeforeunload = ハンドラー ・<要素onbeforeunload = "ハンドラー">< /要素>

説明: onunload イベントは、ユーザーがページを閉じるとトリガーされます。

トリガー:
・ブラウザウィンドウを閉じる
・アドレスバーやお気に入りから他のページに移動する時
・戻る、進む、更新、ホームページのいずれかをクリックした時
· 他のページへの URL リンクをクリックしたとき
· 次のイベントのいずれかを呼び出したとき: click、document write、document open、document close、window close、window navigate、window NavigateAndFind、location replace、location reload、 form submit.
· window open を使用してページを開き、このページ上のウィンドウの名前を開くページに渡す場合。
・location.hrefの値を再代入する場合。
・input type="submit"ボタンからアクションを指定してフォームを送信する場合。

例:

< ;

meta http -equiv="Content-Type" content="text/html; charset=gb2312
"/>
< タイトル >onunload test /title> ! "); } <
/script> </ 頭>
t ;</body>

</html>



4
.onbeforeunload:説明: Firefox と IE は現在、3 つの主要な主流ブラウザで onbeforeunload イベントをサポートしていますが、Opera はサポートしていますまだサポートしていません。 使用法:
Object.onbeforeunload = ハンドラー
、このページに留まるにはキャンセルしてください。ハンドラーは、戻り値をダイアログ ボックスの表示テキストとして設定できます。

トリガー:
・ブラウザウィンドウを閉じる
・アドレスバーやお気に入りから他のページに移動した時
・戻る、進む、更新、またはホームページをクリックした時
・いずれかをクリックした時他のページの URL 接続に移動します
· 次のイベントのいずれかを呼び出すとき: クリック、ドキュメントの書き込み、ドキュメントのオープン、ドキュメントのクローズ、ウィンドウのクローズ、ウィンドウのナビゲート、ウィンドウの NavigateAndFind、場所の置換、場所のリロード、フォームの送信
・window openを使用してページを開き、このページ上のウィンドウの名前を開くページに渡す場合。
・location.hrefの値を再代入する場合。
・input type="submit"ボタンからアクションを指定してフォームを送信する場合。
次の要素で使用できます:
・BODY, FRAMESET, window
プラットフォームサポート:
IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+
例:

<html xmlns="http://www.w3.org/1999/xhtml">
<>
<me ta http - equiv="Content-Type" content="text/html; charset=gb2312" />
<title> アンロードテスト前 </title> ?"
; } </script>

</head>
<
body アンロード前="
checkLeave()"> </
body> </html>

しかし、onbeforeunload、つまりページがロードされるときに小さな問題があります。が更新されても、アンロード前にまだ呼び出します。なぜですか?実際、更新は IE を閉じて再度開くことと同じであるため、onbeforeunload は依然として呼び出されます。 onbeforeunloadを呼び出さずにリフレッシュの問題を解決するにはどうすればよいですか?

window.onbeforeunload = function(){
var n = window.event.screenX - window.screenLeft;
var b = n > ; document.documentElement .scrollWidth-20;
if(b && window.event.clientY < 0 || window.event.alt Key)
, ,,,,,,,、 、、、、、、、、、、、、、、、、、 、非更新
"); window.event.returnValue =
"シャットダウン "; }else {
アラート("は閉じるのではなく更新します
"); }

注: この記事の最後の 2 つのイベントは、次の場所にまとめられています。 : http://www.cnblogs.com/ fredlau/archive/2009/06/10/1500490.html 原作者に感謝します

以上がjQueryのロード、アンロード、オンアンロード、オンビフォアアンロード - liuyueyueの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。