Heim >Web-Frontend >js-Tutorial >Wie schreibe ich Ajax in Jquery?

Wie schreibe ich Ajax in Jquery?

(*-*)浩
(*-*)浩Original
2019-05-21 15:32:0211882Durchsuche

Es gibt drei Möglichkeiten, AJAX in jQuery zu schreiben: $ajax, $post und $get. Unter diesen sind $post und $get einfache Schreibmethoden. Wenn die Implementierung auf hoher Ebene sie aufruft, wird das gekapselte $ajax auf der untersten Ebene ausgeführt.

Wie schreibe ich Ajax in Jquery?

Schreiben von $.ajax:

$.ajax({
	type: "POST",
	dataType: "json",
	url: "",
	data: ""
	success: function(data){
		
	},
	error: function(msg){
	
	}
});

Parameter:

1. URL:

muss ein String-Typ-Parameter sein (Standard ist die aktuelle Seitenadresse), die Adresse, an die die Anfrage gesendet wird.

2. Typ:

erfordert Parameter vom Typ String und die Anforderungsmethode (post oder get) ist standardmäßig get. Beachten Sie, dass auch andere HTTP-Anfragemethoden wie Put und Delete verwendet werden können, diese jedoch nur von einigen Browsern unterstützt werden.

3. dataType:

erfordert Parameter vom Typ String, dem Datentyp, der vom Server zurückgegeben werden soll. Wenn nicht angegeben, gibt JQuery automatisch ResponseXML oder ResponseText basierend auf den MIME-Informationen des http-Pakets zurück und übergibt sie als Callback-Funktionsparameter. Die verfügbaren Typen sind wie folgt:

  • xml: Gibt ein XML-Dokument zurück, das mit JQuery verarbeitet werden kann.

  • html: Gibt Klartext-HTML-Informationen zurück; das enthaltene Skript-Tag wird ausgeführt, wenn es in das DOM eingefügt wird.

  • Skript: Gibt Nur-Text-JavaScript-Code zurück. Ergebnisse werden nicht automatisch zwischengespeichert. Es sei denn, Cache-Parameter sind festgelegt. Beachten Sie, dass bei Remote-Anfragen (nicht unter derselben Domain) alle Post-Anfragen in Get-Anfragen umgewandelt werden.

  • json: Gibt JSON-Daten zurück.

  • jsonp: JSONP-Format. Wenn Sie eine Funktion mit dem SONP-Formular aufrufen, z. B. myurl?callback=?, ersetzt JQuery automatisch das letzte „?“ durch den richtigen Funktionsnamen, um die Rückruffunktion auszuführen.

  • text: Gibt eine einfache Textzeichenfolge zurück.

Daten:

  • erfordert Parameter vom Typ Objekt oder Zeichenfolge, Daten werden an den Server gesendet.

  • Wenn es sich nicht um eine Zeichenfolge handelt, wird sie automatisch in das Zeichenfolgenformat konvertiert.

  • wird an die URL in der Get-Anfrage angehängt. Um diese automatische Konvertierung zu verhindern, aktivieren Sie die Option „processData“.

  • Das Objekt muss im Schlüssel-/Wertformat vorliegen, zum Beispiel wird {foo1:"bar1",foo2:"bar2"} in &foo1=bar1&foo2=bar2 konvertiert.

  • Wenn es sich um ein Array handelt, entspricht JQuery automatisch demselben Namen für verschiedene Werte. Beispielsweise wird {foo:["bar1","bar2"]} in &foo=bar1&foo=bar2 konvertiert.

Erfolg:

erfordert Parameter vom Typ Funktion. Die nach erfolgreicher Anforderung aufgerufene Rückruffunktion verfügt über zwei Parameter.
(1) Vom Server zurückgegebene und gemäß dem dataType-Parameter verarbeitete Daten.
(2), eine Zeichenfolge, die den Status beschreibt.

function(data, textStatus){
	//data可能是xmlDoc、jsonObj、html、text等等
	this;  //调用本次ajax请求时传递的options参数
}

Fehler:

erfordert einen Parameter vom Typ „Funktion“, also der Funktion, die aufgerufen werden soll, wenn die Anfrage fehlschlägt. Diese Funktion verfügt über drei Parameter, nämlich das XMLHttpRequest-Objekt, die Fehlermeldung und das erfasste Fehlerobjekt (optional). Die Ajax-Ereignisfunktion lautet wie folgt:

function(XMLHttpRequest, textStatus, errorThrown){
  //通常情况下textStatus和errorThrown只有其中一个包含信息
  this;   //调用本次ajax请求时传递的options参数
}

Empfohlene verwandte Artikel: Ajax-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWie schreibe ich Ajax in Jquery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was ist ein JQuery-Selektor?Nächster Artikel:Was ist ein JQuery-Selektor?