Verwendung von jQuery-Lade- und Entladefunktionen

Beispiel

Wenn der Benutzer auf den Link klickt, um diese Seite zu verlassen, wird ein Meldungsfeld angezeigt:

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

Probieren Sie es selbst aus

Definition und Verwendung

Wenn der Benutzer die Seite verlässt, tritt das Entladeereignis ein.

Konkret wird das Entladeereignis ausgegeben, wenn Folgendes eintritt:

• Klicken Sie auf einen Link, der die Seite verlässt

• Geben Sie die neue URL in die Adressleiste ein

• Verwenden Sie die Vor- oder Zurück-Taste

• Schließen Sie den Browser

• Seite neu laden

Die unload()-Methode bindet das Event-Handler-Programm an das Entladeereignis.

Die Methode unload() gilt nur für Fensterobjekte.

Syntax

event.unload(function)

参数	描述
function	必需。规定当触发 unload 事件时运行的函数。

jQuery-Lade- und Entladefunktionen verwenden

load(url, [data], [callback]) lädt den Remote-HTML-Dateicode und fügt ihn in das DOM ein. Standardmäßig wird die GET-Methode verwendet – bei der Übergabe zusätzlicher Parameter automatisch in die POST-Methode konvertiert . In jQuery 1.2 können Sie einen Selektor angeben, um das geladene HTML-Dokument zu filtern. Nur der gefilterte HTML-Code wird in das DOM eingefügt. Die Syntax ist wie „url #some > selector“.
hat drei Parameter, nämlich:
url – (String) – URL der zu ladenden HTML-Webseite.
Daten (optional) – (Map,String) – Schlüssel-/Wertdaten, die an den Server gesendet werden. In jQuery 1.3 ist es auch möglich, einen String zu akzeptieren.
Rückruf (optional) – Rückruf Rückruffunktion , wenn der Rückruf erfolgreich geladen wurde.

Beispiel:

Laden Sie den Navigationsabschnitt der Seitenleiste des Artikels in eine ungeordnete Liste.
HTML-Code:
jQuery-Links:

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

Laden Sie den Inhalt der Datei „feeds.html“.
jQuery-Code:
$("#feeds").load("feeds.html");

Wie oben, sendet jedoch zusätzliche Parameter als POST und zeigt Informationen zum Erfolg an.
jQuery-Code:
$("#feeds").load("feeds.php", {limit: 25}, function(){
warning("Die letzten 25 Einträge im Feed wurden geladen");
});

unload(fn) Binden Sie eine Handlerfunktion an das Entladeereignis jedes passenden Elements.
Parameter:fn – Funktion ist die Handlerfunktion, die an das Entladeereignis jedes übereinstimmenden Elements gebunden ist.
Beispiel: Wenn die Seite entladen wird, erscheint ein Warnfeld:
jQuery-Code:
$(window).unload( function () { warning("Bye jetzt!" ); } );

load(url, [data], [callback]) Laden Sie den Remote-HTML-Dateicode und fügen Sie ihn ein in das DOM. Standardmäßig wird die GET-Methode verwendet – bei Übergabe zusätzlicher Parameter automatisch in die POST-Methode konvertiert . In jQuery 1.2 können Sie einen Selektor angeben, um das geladene HTML-Dokument zu filtern. Nur der gefilterte HTML-Code wird in das DOM eingefügt. Die Syntax ist wie „url #some > selector“.
hat drei Parameter, nämlich:
url – (String) – URL der zu ladenden HTML-Webseite.
Daten (optional) – (Map,String) – Schlüssel-/Wertdaten, die an den Server gesendet werden. In jQuery 1.3 ist es auch möglich, einen String zu akzeptieren.
Callback (optional) – Callback-Funktion, wenn Callback erfolgreich geladen wurde.

Beispiel:

Laden Sie den Navigationsabschnitt der Seitenleiste des Artikels in eine ungeordnete Liste.
HTML-Code:
jQuery-Links:

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

Laden Sie den Inhalt der Datei „feeds.html“.
jQuery-Code:
$("#feeds").load("feeds.html");

Wie oben, sendet jedoch zusätzliche Parameter als POST und zeigt Informationen zum Erfolg an.
jQuery-Code:
$("#feeds").load("feeds.php", {limit: 25}, function(){
warning("Die letzten 25 Einträge im Feed wurden geladen");
});

unload(fn) Binden Sie eine Handlerfunktion an das Entladeereignis jedes passenden Elements.
Parameter: fn – Funktion ist eine Handlerfunktion, die an das Entladeereignis jedes übereinstimmenden Elements gebunden ist.
Beispiel: Beim Entladen der Seite erscheint ein Warnfeld:
jQuery-Code:
$(window).unload( function () { warning("Bye now!"); } ) ;

Das obige ist der detaillierte Inhalt vonVerwendung von jQuery-Lade- und Entladefunktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!