JQuery ajaxStart-Beispiel

Der ajaxStart() Die Methode wird ausgelöst, wenn eine Ajax-Anfrage beginnt und keine anderen Anfragen im aktiven Prozess sind. Diese Methode wird verwendet, um die Grafiken anzuzeigen, wenn die Daten vom Server geladen werden. Wann AJAX Die Anfrage beginnt, dann fügt die AjaxStart()-Methode der Funktion hinzu.

  • Erstellen Sie Schaltflächen mit jQueryUI
  • So erkennen Sie die jQuery-Version
  • So finden Sie eine CSS-Klasse in einem Element

jQuery ajaxStart-Syntax

$(selector).ajaxStart(callback())

In der obigen Syntax wird „callback“ als Parameter verwendet. Es wird verwendet, um eine aufzurufende Funktion darzustellen. Diese Funktion wird ausgeführt, wenn die Ajax-Anfrage gestartet wird. Die ajaxStart()-Methode ist ein Ajax-Ereignis.

jQuery ajaxStart-Beispiel

<html>
<head>
<title>ajaxStart method</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<script type="text/javascript">
    $(document).ready(function () {
       $("div").ajaxStart(function(){

       });
       $("button").click(function () {
            $("div").load("demo.txt");
       });
    });
</script>
<body>
<div><h2>ajaxStart() Method Example</h2></div>
<button>Click</button>
</body>
</html>
  • Wie im obigen Programm gezeigt, haben wir den Code in $(document).ready verwendet, bei dem es sich um ein Ereignis handelt, das ausgelöst wird, wenn das Dokument bereit ist. Es wird ausgeführt, sobald das Seitendokumentobjektmodell (DOM) für die Ausführung von JavaScript-Code bereit ist.
  • Die Methode „.ajaxStart()“ wird ausgelöst, wenn eine Ajax-Anfrage beginnt.
  • Die Zeile $(“button”).click(function()) definiert die Klickmethode, die ausgeführt wird, wenn auf ein Element geklickt wird.
  • $(„div“).load(“demo.txt“); Die Anweisung lädt die Textdatei vom Server und gibt Daten an das ausgewählte Element zurück.

Wenn Sie das obige Beispiel ausführen, erhalten Sie die folgende Ausgabe:
Beispiel für die jQuery ajaxStart-Methode

Wenn Sie auf die Schaltfläche „Laden“ klicken, wird die Datei geladen und die folgende Ausgabe angezeigt:
jQuery ajaxStart-Methode Beispiel1

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen