So laden Sie das DIV neu, ohne die gesamte Seite in jQuery neu zu laden

So laden Sie das DIV neu, ohne die gesamte Seite in jQuery neu zu laden
Während das Erstellen mehrerer Webseiten für eine Website erstellt wird, kann die Daten erforderlich sein, um die Daten zu replizieren. Zum Beispiel die Verwendung der gleichen Daten auf einer anderen Webseite auf dem ausgelösten Ereignis. In solchen Situationen hilft das Nachladen des DIV ohne das Nachladen der gesamten Seite bei der effektiven Verwaltung der Daten und spart so die Zeit.

In diesem Blog werden die Ansätze zum Nachladen des DIV erörtert, ohne die gesamte Seite in JavaScript neu zu laden.

So laden Sie das DIV neu, ohne die gesamte Seite in JQuery neu zu laden?

Der "div”Kann neu geladen werden, ohne die gesamte Seite mit der" On () "-Methode von JQuery in Kombination mit der" neu zu laden "neu ladenBelastung()" Methode.

Die ON () -Methode assoziiert einen oder mehrere Ereignishandler für die Elemente, und die LOAD () -Methode lädt den Inhalt in das abgerufene Element. Diese Methoden können kombiniert werden, um auf das DIV zuzugreifen und sie auf das ausgelöste Ereignis neu zu laden.

Beispiel
Überlegen wir den folgenden HTML -Code:


So laden Sie das DIV neu, ohne die gesamte Seite neu zu laden



JavaScript ist eine Programmiersprache, die Funktionen, Variablen, Ereignisse und Objekte usw. enthält.




Im obigen Codeblock:

  • Fügen Sie die angegebene Überschrift ein.
  • Geben Sie auch das Element "" mit der Attribut -ID "an".
  • Danach fügen Sie den Absatz in die "ein

    Tag und eine Schaltfläche, um die gewünschte Funktionalität auszulösen.

Gehen wir nun mit dem JavaScript -Code über, dass sie:


>$ ("Button").auf ("klicken", function ()
$ ('#mydiv').load ('#mydiv')
alarm ('Reloaded')
);

In diesem Code -Snippet

  • Fügen Sie die JQuery -Bibliothek über die "einsrc”Attribut.
  • Greifen Sie auf die Schaltfläche für erstellte zu und verknüpfen Sie die “An()" Methode.
  • Dadurch wird die genannte Funktion auf dem Schaltflächenklick aufgerufen, wie aus dem beigefügten Ereignis ersichtlichklicken”.
  • Greifen Sie in der Funktionsdefinition auf die enthaltene zu “Element und laden Sie es erneut mit dem “Belastung()"Methode, indem sie sich auf ihre" beziehen "Ausweis”.
  • Folgend wird das mitgelieferte DIV bei der Schaltfläche erneut neu geladen, und die angegebene Nachricht über das Dialogfeld "Alarm" wird angezeigt.

Ausgang

Es kann beobachtet werden, dass das DIV erfolgreich neu geladen wird, ohne die gesamte Seite neu zu laden.

Abschluss

Verwenden Sie das „DIV, ohne die gesamte Seite neu zu laden, das“An()Methode in Kombination mit dem “Belastung()" Methode. Diese Methoden können verwendet werden, um den Inhalt des DIV über das ausgelöste Ereignis neu zu laden, indem Sie darauf zugreifen und erneut darauf bezogen. In diesem Blog wurde die Methode zum Nachladen des DIV beschrieben, ohne die gesamte Seite neu zu laden.