Jak mogę odświeżyć stronę z jQuery

Odświeżenie strony jest powszechnym zadaniem w tworzeniu stron internetowych i można go łatwo osiągnąć dzięki jQuery. Niezależnie od tego, czy chcesz aktualizować treść, zresetować pola formularza, czy uruchomić nowe żądanie serwera, JQuery oferuje różne metody odświeżenia strony.

W tym artykule omówimy trzy różne metody odświeżenia strony za pomocą JQuery: Korzystanie z Lokalizacja.przeładować() metoda przeładowania całej strony za pomocą settimeout () funkcja opóźnienia przeładowania i za pomocą AJAX do ponownego załadowania określonej części strony. Pod koniec tego artykułu będziesz wyposażony w wiedzę, aby odświeżyć stronę za pomocą jQuery w różnych scenariuszach.

Metoda 1: Korzystanie z lokalizacji.przeładować()

Najłatwiejszym sposobem odświeżenia strony za pomocą JQuery jest użycie lokalizacji.Metoda RELOOD (). Ta metoda ponownie załaduje bieżącą stronę, w tym wszelkie wprowadzone zmiany.

Aby użyć tej metody, po prostu dołącz następujący kod w skrypcie JQuery:

$ (dokument).gotowy (funkcja () lokalizacja.Załadowanie (prawda); );

123	$ (dokument).gotowy (funkcja () lokalizacja.RELOOD (true););

$ (dokument).gotowy() Funkcja zapewnia, że ​​strona jest w pełni załadowana przed uruchomieniem odświeżania. Prawdziwy parametr w Lokalizacja.przeładować() Metoda wymusza przeładowanie z serwera zamiast pamięci podręcznej przeglądarki.

Metoda 2: Korzystanie z Settimeout ()

Innym sposobem odświeżenia strony za pomocą jQuery jest użycie settimeout () funkcjonować. Ta funkcja opóźni wykonanie działania odświeżania dla określonej liczby milisekund.

Aby użyć tej metody, dołącz następujący kod w skrypcie JQuery:

$ (dokument).gotowy (function () settimeout (function () lokalizacja.Załadowanie (prawda); , 5000); // 5 sekund );

12345

$ (dokument).gotowy (function () settimeout (function () lokalizacja.Załadowanie (prawda); , 5000); // 5 sekund);

Ten kod będzie czekał 5 sekund przed uruchomieniem odświeżania strony.

Metoda 3: Za pomocą Ajax

Jeśli chcesz odświeżyć stronę bez ponownego załadowania całej strony, możesz użyć AJAX do ponownego załadowania określonej części strony. Ta metoda jest przydatna do aktualizacji treści bez przerywania doświadczenia użytkownika.

Aby użyć tej metody, możesz dołączyć następujący kod w skrypcie JQuery:

$ (dokument).gotowy (function () $ ("#odświeżnia się").kliknij (funkcja () $.Ajax (url: „Twoja strona.php ", pamięć podręczna: false, sukces: funkcja (html) $ ("#yourdiv ").html (html); ); ); );

1234567891011

$ (dokument).gotowy (function () $ ("#odświeżnia się").kliknij (funkcja () $.Ajax (url: „Twoja strona.php ", pamięć podręczna: false, sukces: funkcja (html) $ ("#yourdiv ").html (html); ); ););

Ten kod przeładuje zawartość TwójDiv element wykorzystujący zawartość Twoja strona.php.

Wniosek

W tym artykule omówiliśmy trzy różne metody odświeżenia strony za pomocą JQuery. Możesz użyć Lokalizacja.przeładować() metoda przeładowania całej strony, settimeout () funkcja opóźnienia przeładowania, lub Ajax ponownie załadować określoną część strony. Wybierz metodę, która najlepiej odpowiada Twoim potrzebom i zaimplementuj ją w skrypcie JQuery.