Jak ponownie załadować DIV bez przeładowania całej strony w JQuery

Podczas tworzenia wielu stron internetowych dla witryny może istnieć wymóg odtworzenia danych. Na przykład wykorzystanie tych samych danych na innej stronie internetowej na wyzwalonym wydarzeniu. W takich sytuacjach przeładowanie DIV bez ponownego załadunku całej strony pomaga w skutecznym zarządzaniu danymi, oszczędzając w ten sposób czas.

Ten blog omówi podejścia do ponownego załadowania div bez ponownego załadowania całej strony w JavaScript.

Jak ponownie załadować div bez ponownego załadowania całej strony w jQuery?

„„div”Można ponownie załadować bez ponownego załadowania całej strony za pomocą metody„ On () ”JQuery w połączeniu z„obciążenie()" metoda.

Metoda on () kojarzy jeden lub więcej obsługi zdarzeń dla elementów, a metoda ładowania () ładuje zawartość do pobieranego elementu. Metody te można połączyć w celu uzyskania dostępu do DIV i ponownego załadowania go po wyzwalanym zdarzeniu.

Przykład
Przeglądmy następujący kod HTML:

To jest przeładowanie DIV bez ponownego załadowania całej strony

JavaScript to język programowania, który zawiera funkcje, zmienne, zdarzenia i obiekty itp.

przeładować

W powyższym bloku kodu:

• Obejmują podany nagłówek.
• Podaj także element „” o atrybucie „id”.
• Następnie uwzględnij akapit w „

  ”Tag i przycisk, aby uruchomić pożądaną funkcjonalność.

Teraz przejdźmy do kodu JavaScript:

>$ („przycisk”).on („kliknij”, funkcja ()
$ ('#myDiv').LOAD („#MYDIV”)
Alert („Reloaded”)
);

W tym kodzie fragmentowym

• Dołącz bibliotekę jQuery za pośrednictwem „src" atrybut.
• Uzyskaj dostęp do utworzonego przycisku i skojarz „NA()" metoda.
• To wywoła wspomnianą funkcję po kliknięciu przycisku, jak wynika z załączonego zdarzenia ”Kliknij".
• W definicji funkcji uzyskaj dostęp do dołączonych „”Element i załaduj go ponownie za pomocą„obciążenie()„Metoda, odnosząc się do jej„ID".
• W rezultacie dołączona div zostanie ponownie ponownie załadowana po kliknięciu przycisku, a wyświetlona zostanie podana wiadomość za pomocą okna dialogowego Alertu.

Wyjście

Można zaobserwować, że DIV jest z powodzeniem przeładowywany bez ponownego przeładowania całej strony.

Wniosek

Aby ponownie załadować DIV bez przeładowania całej strony, użyj „NA()„Metoda w połączeniu z„obciążenie()" metoda. Metody te można wykorzystać do ponownego załadowania zawartości Div po wyzwalanym zdarze. Ten blog opisał metodę przeładowania DIV bez ponownego załadowania całej strony.