JQuery ajaxSetup-Beispiel

Die jQuery-Methode ajaxSetup hilft dabei, Standardwerte für zukünftige Ajax-Anfragen festzulegen. Es verwendet eine Reihe neuer Einstellungen; Die Standardeinstellungen können global festgelegt werden. Es ermöglicht uns auch, global gemeinsame Eigenschaften für alle Ajax-Anfragen innerhalb einer einzelnen Seite zu definieren und bietet die Möglichkeit, Standarddatenobjekte einzurichten, die an alle Ajax-Anfragen angehängt werden.

  • Einführung in JQuery
  • Suchen nach doppelten Eingabeelementen mit jQuery

JQuery ajaxSetup-Syntax

$.ajaxSetup(options)

Die folgende Tabelle beschreibt die von der ajaxSetup()-Methode verwendeten Parameter.

Name Beschreibung

asynchronEs wird verwendet, um alle Anfragen asynchron zu senden. Der Standardwert ist wahr.
vorSendenVor dem Absenden der Anfrage wird die Funktion ausgeführt.
vollständigDie Funktion wird ausgeführt, nachdem die Anfrage abgeschlossen ist.
InhaltstypEs legt den Inhaltstyp für das Antwortobjekt fest, wenn Daten an den Server gesendet werden müssen. Der Standardwert ist „application/x-www-form-urlencoded“.
DatenDie angeforderten Daten, die an den Server gesendet werden müssen.
DatenfilterEs wird zur Verarbeitung der XMLHttpRequest-Datenantwort verwendet.
DatentypDer Datentyp, der vom Server erwartet wird.
FehlerDie Funktion, die ausgeführt werden soll, wenn die Anfrage fehlschlägt.
globalDer boolesche Wert gibt an, ob der globale Ajax-Ereignishandler für diese Anfrage ausgelöst werden soll. Standardmäßig ist der Wert wahr
ifModifiedEs wird verwendet, um vom Server zu überprüfen, ob die Seite geändert wurde oder nicht, bevor er auf die Anfrage antwortet.
jsonpBei der JSONP-Anfrage werden die Rückruffunktionen überschrieben.
PasswortDas Passwort wird als Antwort auf eine HTTP-Zugriffsauthentifizierungsanfrage verwendet.
ProzessdatenEs wird verwendet, um die Standardobjektform in eine Abfragezeichenfolgenform umzuwandeln, in der die Daten bereits übermittelt wurden.
ErfolgDie Anfrage ist erfolgreich, wenn die Rückruffunktion korrekt ausgeführt wird.
AuszeitEs wird verwendet, um das Timeout für die Anfrage festzulegen.
TypEs wird verwendet, um den Typ der zu stellenden Anfrage zu definieren, z. B. GET oder POST.
URLEs wird verwendet, um eine Anfrage an die spezifische URL zu senden.
NutzernameDer Benutzername wird als Antwort auf eine HTTP-Zugriffsauthentifizierungsanfrage verwendet.
xhrEs wird zum Erstellen eines XMLHttpRequest-Objekts verwendet.

JQuery ajaxSetup-Beispiel

Erstellen Sie eine einfache Textdatei und speichern Sie sie unter Beispiel.txt und fügen Sie dieser Datei Inhalte hinzu, wie in der folgenden Datei gezeigt.

AJAX is not a programming language. It is just a technique for creating better and more interactive web applications.

Schreiben Sie nach dem Erstellen einer Textdatei den Codierungsteil für die Verarbeitung der ajaxSetup()-Methode und speichern Sie ihn mit der Erweiterung .html.

<!DOCTYPE html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
<meta content="utf-8" http-equiv="encoding"/>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("button").click(function () {
            $.ajaxSetup({url:"sample.txt",
            dataType: "text"
            });
             $.ajax( {
             success: function(result) {
                $("div").html(result);
	        }
	     });
         });
   });
</script>
</head>
<body>
<div><h2>JQuery ajaxSetup Method Example</h2></div>
<button>Click</button>
</body>
</html>
  • Das obige Programm zeigt, wie Sie auf die Textdatendatei zugreifen, indem Sie den URL-Pfad im Programm festlegen.
  • $(“button”).click(function(event){ }); Zeile definiert ein Klickereignis, das auftritt, wenn auf die Schaltfläche geklickt wird.
  • $.ajaxSetup({url:“sample.txt“, dataType: „text“}); Zeile definiert die Methode ajaxSetup() und hilft dabei, Standardwerte für zukünftige Ajax-Anfragen festzulegen. Die URL: „sample.txt“ gibt einen URL-Pfad der Textdatei an und dataType: „text“ gibt den Datentyp in Textform an.
  • Erfolg: function(result) {}; Die Anweisung gibt die Funktion an, die ausgeführt werden soll, wenn die Anforderung erfolgreich ist.
  • $(“div”).html(result); Zeile gibt die HTML-Methode an.

JQuery ajaxSetup-Demo

Wenn Sie das obige Beispiel ausführen, erhalten Sie die folgende Ausgabe:

JQuery AjaxSetup-BeispielJQuery AjaxSetup-Beispiel1

Kommentar verfassen

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

Nach oben scrollen