In diesem Blog werden die Ansätze zum Neuladen des div ohne Neuladen der gesamten Seite in JavaScript erörtert.
Wie lade ich das div neu, ohne die gesamte Seite in jQuery neu zu laden?
Das ' div “ kann neu geladen werden, ohne die gesamte Seite neu zu laden, indem die Methode „on()“ von jQuery in Kombination mit dem „ Belastung() ' Methode.
Die Methode on() ordnet den Elementen einen oder mehrere Ereignishandler zu, und die Methode load() lädt den Inhalt in das abgerufene Element. Diese Methoden können kombiniert werden, um auf das div zuzugreifen und es beim ausgelösten Ereignis neu zu laden.
Beispiel
Sehen wir uns den folgenden HTML-Code an:
< Karosserie >
< h2 > So laden Sie das div neu, ohne die gesamte Seite neu zu laden h2 >
< Div.-ID = 'myDiv' >
< p > JavaScript ist eine Programmiersprache, die Funktionen enthält , Variablen , Ereignisse und Objekte usw. p >
div >
< Knopf > neu laden Knopf >
Karosserie >
Im obigen Codeblock:
- Fügen Sie die angegebene Überschrift hinzu.
- Geben Sie außerdem das „“-Element mit dem Attribut „id“ an.
- Fügen Sie danach den Absatz innerhalb des „
“-Tags und eine Schaltfläche ein, um die gewünschte Funktionalität auszulösen.
Kommen wir nun zum JavaScript-Code:
< script src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
Skript >
< Skript >
$ ( 'Knopf' ) . an ( 'klicken' , Funktion ( ) {
$ ( '#myDiv' ) . Belastung ( '#myDiv' )
Alarm ( 'Neu geladen' )
} ) ;In diesem Codeschnipsel
- Binden Sie die jQuery-Bibliothek über das „ Quelle ” Attribut.
- Greifen Sie auf die erstellte Schaltfläche zu und verknüpfen Sie das „ an() ' Methode.
- Dadurch wird die erwähnte Funktion beim Klicken auf die Schaltfläche aufgerufen, wie aus dem angehängten Ereignis hervorgeht. klicken “.
- Greifen Sie in der Funktionsdefinition auf das enthaltene „ “-Element und laden Sie es erneut mit dem „ Belastung() ” Methode unter Bezugnahme auf ihre “ Ich würde “.
- Infolgedessen wird das enthaltene div beim Klicken auf die Schaltfläche erneut geladen, und die angegebene Meldung über das Warndialogfeld wird angezeigt.
Ausgabe
Es kann beobachtet werden, dass das div erfolgreich neu geladen wird, ohne dass die gesamte Seite neu geladen wird.
Fazit
Um das div neu zu laden, ohne die gesamte Seite neu zu laden, verwenden Sie die „ an() “-Methode in Kombination mit der „ Belastung() ' Methode. Diese Methoden können verwendet werden, um den Inhalt des div nach dem ausgelösten Ereignis neu zu laden, indem darauf zugegriffen und erneut darauf verwiesen wird. In diesem Blog wurde die Methode zum Neuladen des div beschrieben, ohne die gesamte Seite neu zu laden.
- Fügen Sie danach den Absatz innerhalb des „