Aktualisieren der Seite in jQuery

Aktualisieren der Seite in jQuery

  1. Verwenden Sie die Methode location.reload(), um die Seite in jQuery zu aktualisieren
  2. Verwenden Sie die Methode history.go() zum Aktualisieren der Seite in jQuery

Im heutigen Beitrag erfahren wir, wie Sie die Seite mit den Objekten location und history in jQuery aktualisieren.

Verwenden Sie die Methode location.reload(), um die Seite in jQuery zu aktualisieren

Uniform Resource Locator ist der Seitenstandort, dargestellt durch die Schnittstelle location. Daran vorgenommene Änderungen werden in dem Objekt widergespiegelt, auf das es sich bezieht.

Die Dokument- und Fensterschnittstellen haben einen zugeordneten Ort, auf den über Document.location bzw. Window.location zugegriffen werden kann.

Wie der Refresh-Button lädt die location.reload()-Technik die bestehende URL neu. location.reload() ist eine bekannte JavaScript-Methode; Daher benötigen Sie dafür kein jQuery.

Das Neuladen kann hängen bleiben und eine SECURITY_ERROR DOMException auslösen. Dies geschieht, wenn die Grundlage der Skriptaufrufe location.reload() von der Herkunft der Seite abweicht, die das location-Objekt besitzt.

Syntax:

reload();

Lassen Sie es uns anhand des folgenden Beispiels verstehen.

Hinweis: Der folgende Code kann auf diese Weise nicht ausgeführt werden und hat keine Ausgabe. Es muss einem vorhandenen Code hinzugefügt werden, um Ergebnisse anzuzeigen.

HTML Quelltext:

<p>Hello World!</p>
<button type="button" id="btn">Reload</button>

JavaScript-Code:

$('#btn').click(function() {
  location.reload();
});

Versuchen Sie, das obige Code-Snippet in einem beliebigen Browser auszuführen, der jQuery unterstützt. Es wird die Seite neu laden.

Verwenden Sie die Methode history.go() zum Aktualisieren der Seite in jQuery

Die Methode history.go() lädt eine bestimmte Seite des Sitzungsverlaufs. Sie können es verwenden, um sich basierend auf dem Wert eines Parameters im Verlauf vor und zurück zu bewegen; diese Methode ist asynchron.

Die Methode history.go() lädt anhand des übergebenen Parameters eine URL aus dem Verlauf des Browsers. Wenn der angegebene Parameter 0 ist, wird die aktuelle Seite neu geladen.

Syntax:

history.go(0);

Lassen Sie es uns anhand des folgenden Beispiels verstehen.

Hinweis: Der folgende Code kann auf diese Weise nicht ausgeführt werden und hat keine Ausgabe. Es muss einem vorhandenen Code hinzugefügt werden, um Ergebnisse anzuzeigen.

HTML Quelltext:

<p>Hello World!</p>
<button type="button" id="btn">Reload</button>

JavaScript-Code:

$('#btn').click(function() {
  history.go(0);
});

Versuchen Sie, das obige Code-Snippet in einem beliebigen Browser auszuführen, der jQuery unterstützt. Es wird die Seite neu laden.

Sehen Sie sich die Demo hier an.

Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn