Wie kann ich eine Seite mit JQuery aktualisieren?

Das Aktualisieren einer Seite ist eine häufige Aufgabe in der Webentwicklung und kann problemlos mit JQuery erreicht werden. Unabhängig davon.

In diesem Artikel werden wir drei verschiedene Methoden erörtern, um eine Seite mit JQuery zu aktualisieren: Verwenden der Standort.neu laden() Methode zum neu laden die gesamte Seite mit der setTimeout () Funktionieren Sie die Wiederholung und verwenden Sie AJAX, um einen bestimmten Teil der Seite neu zu laden. Am Ende dieses Artikels werden Sie mit dem Wissen ausgestattet, um eine Seite mit JQuery in verschiedenen Szenarien zu aktualisieren.

Methode 1: Verwenden der Position.neu laden()

Der einfachste Weg, eine Seite mit JQuery zu aktualisieren, besteht darin, den Standort zu verwenden.reload () Methode. Diese Methode laden die aktuelle Seite neu, einschließlich aller vorgenommenen Änderungen.

Um diese Methode zu verwenden, geben Sie einfach den folgenden Code in Ihr JQuery -Skript ein:

$ (Dokument).Ready (function () Ort.neu laden (wahr); );

123	$ (Dokument).Ready (function () Ort.neu laden (wahr););

Der $ (Dokument).bereit() Die Funktion stellt sicher, dass die Seite voll geladen ist, bevor die Aktualisierung ausgelöst wird. Der wahre Parameter in der Standort.neu laden() Die Methode erzwingt ein Nachladen aus dem Server anstelle des Browser -Cache.

Methode 2: Verwenden von setTimeout ()

Eine andere Möglichkeit, eine Seite mit JQuery zu aktualisieren, besteht darin, die zu verwenden setTimeout () Funktion. Diese Funktion verzögert die Ausführung der Aktualisierungsaktion für eine bestimmte Anzahl von Millisekunden.

Um diese Methode zu verwenden, geben Sie den folgenden Code in Ihr JQuery -Skript ein:

$ (Dokument).Ready (function () setTimeout (function () location.neu laden (wahr); , 5000); // 5 Sekunden );

12345

$ (Dokument).Ready (function () setTimeout (function () location.neu laden (wahr); , 5000); // 5 Sekunden);

Dieser Code wartet 5 Sekunden vor dem Auslösen der Aktualisierung der Seite.

Methode 3: Verwenden von AJAX

Wenn Sie eine Seite aktualisieren möchten, ohne die gesamte Seite neu zu laden, können Sie AJAX verwenden, um einen bestimmten Teil der Seite neu zu laden. Diese Methode ist nützlich, um Inhalte zu aktualisieren, ohne die Benutzererfahrung zu unterbrechen.

Um diese Methode zu verwenden, können Sie den folgenden Code in Ihr JQuery -Skript aufnehmen:

$ (Dokument).Ready (function () $ ("#refreshbutton").klicken (function () $.ajax (url: "yourpage.PHP ", Cache: Falsch, Erfolg: Funktion (html) $ ("#yourdiv ").HTML (HTML); ); ); );

1234567891011

$ (Dokument).Ready (function () $ ("#refreshbutton").klicken (function () $.ajax (url: "yourpage.PHP ", Cache: Falsch, Erfolg: Funktion (html) $ ("#yourdiv ").HTML (HTML); ); ););

Dieser Code lädt den Inhalt des yourdiv Element verwendet den Inhalt von deine Seite.Php.

Abschluss

In diesem Artikel haben wir drei verschiedene Methoden erörtert, um eine Seite mit JQuery zu aktualisieren. Du kannst den ... benutzen Standort.neu laden() Methode zum Nachladen der gesamten Seite, die, die setTimeout () Funktionen zur Verzögerung des Nachladens oder Ajax So laden Sie einen bestimmten Teil der Seite neu. Wählen Sie die Methode aus, die Ihren Anforderungen am besten entspricht, und implementieren Sie sie in Ihrem JQuery -Skript.