Heim > Artikel > Web-Frontend > Eine kurze Diskussion über die Ajax-Methode in jQuery (Beispielcode)
Ich verwende die Ajax-Methodenparameter in JQuery bei der Arbeit oft, aber ich kann mich nicht immer daran erinnern und muss oft die Dokumentation überprüfen, deshalb habe ich diesen Artikel heute geschrieben, um ihn für zukünftige Referenzzwecke zusammenzufassen Gleichzeitig teile ich es auch mit allen, wenn Sie es brauchen, können Sie es sich ansehen.
1.url:
muss ein Parameter vom Typ String sein (Standard ist die aktuelle Seitenadresse), die Adresse, an die die Anfrage gesendet wird.
2.type:
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.timeout:
erfordert einen Parameter vom Typ Zahl und legt das Anforderungszeitlimit (Millisekunden) fest. Diese Einstellung überschreibt die globale Einstellung der Methode $.ajaxSetup().
4.async:
erfordert Parameter vom Typ Boolean. Die Standardeinstellung ist true. Alle Anfragen sind asynchrone Anfragen. Wenn Sie synchrone Anfragen senden müssen, legen Sie diese Option auf „false“ fest. Beachten Sie, dass eine synchrone Anfrage den Browser sperrt und der Benutzer warten muss, bis die Anfrage abgeschlossen ist, bevor andere Vorgänge ausgeführt werden können.
5.cache:
erfordert Parameter vom Typ Boolean, der Standardwert ist „true“ (wenn der Datentyp „script“ ist, ist der Standardwert „false“) und wird auf „false“ gesetzt Anforderungsinformationen werden nicht aus dem Browser-Cache geladen.
6.data:
erfordert Parameter vom Typ Objekt oder String, Daten werden an den Server gesendet. Wenn es sich nicht um eine Zeichenfolge handelt, wird sie automatisch in das Zeichenfolgenformat konvertiert. Die Get-Anfrage wird an die URL angehängt. Um diese automatische Konvertierung zu verhindern, können Sie die Option „processData“ anzeigen. Das Objekt muss im Schlüssel/Wert-Format vorliegen, zum Beispiel wird {foo1:"bar1",foo2:"bar2"} in &foo1=bar1&foo2=bar2 konvertiert. Wenn es sich um ein Array handelt, weist JQuery verschiedenen Werten automatisch denselben Namen zu. Beispielsweise wird {foo:["bar1","bar2"]} in &foo=bar1&foo=bar2 konvertiert.
7.dataType:
erfordert Parameter vom Typ String, dem Datentyp, der voraussichtlich vom Server zurückgegeben wird. 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 reine Text-HTML-Informationen zurück; das enthaltene Skript-Tag wird ausgeführt, wenn es in das DOM eingefügt wird.
Skript: Gibt JavaScript-Code im Klartext 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.
8.beforeSend:
erfordert Parameter vom Typ Funktion. Sie können die Funktion des XMLHttpRequest-Objekts vor dem Senden der Anfrage ändern, z. B. das Hinzufügen eines benutzerdefinierten HTTP-Headers. Wenn in beforeSend false zurückgegeben wird, kann diese Ajax-Anfrage abgebrochen werden. Das XMLHttpRequest-Objekt ist der einzige Parameter.
function(XMLHttpRequest){
this; //Der beim Aufruf dieser Ajax-Anfrage übergebene Optionsparameter
}
9.complete:
Erfordert Parameter vom Typ Funktion, Rückruffunktion, die nach Abschluss der Anfrage aufgerufen wird (wird aufgerufen, wenn die Anfrage erfolgreich ist oder fehlschlägt). Parameter: XMLHttpRequest-Objekt und eine Zeichenfolge, die den erfolgreichen Anforderungstyp beschreibt.
function(XMLHttpRequest, textStatus){
this; //Der beim Aufruf dieser Ajax-Anfrage übergebene Optionsparameter
}
10.success:
Erfordert Parameter vom Typ Funktion. Die nach erfolgreicher Anfrage 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){
>
11.error:
Erfordert Parameter vom Typ Funktion, die 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){
//Normalerweise enthält nur einer von textStatus und errorThrown Informationen
this; //Die beim Aufruf dieser Ajax-Anfrage übergebenen Optionsparameter
}
12.contentType:
erfordert einen Parameter vom Typ String. Beim Senden von Informationen an den Server ist der Inhaltskodierungstyp standardmäßig „application/x“. - www-form-urlencoded". Dieser Standardwert ist für die meisten Anwendungen geeignet.
13.dataFilter:
erfordert Parameter vom Typ „Funktion“, einer Funktion, die die von Ajax zurückgegebenen Originaldaten vorverarbeitet. Geben Sie zwei Parameter an: Daten und Typ. Daten sind die von Ajax zurückgegebenen Originaldaten und Typ ist der dataType-Parameter, der beim Aufruf von jQuery.ajax bereitgestellt wird. Der von der Funktion zurückgegebene Wert wird von jQuery weiterverarbeitet.
Funktion (Daten, Typ) Geben Sie zwei Parameter an: Daten und Typ. Daten sind die von Ajax zurückgegebenen Originaldaten und Typ ist der dataType-Parameter, der beim Aufruf von jQuery.ajax bereitgestellt wird. Der von der Funktion zurückgegebene Wert wird von jQuery weiterverarbeitet.
function(data, type){
>
16.ifModified:
erfordert einen booleschen Typparameter und der Standardwert ist false. Erhalten Sie neue Daten nur, wenn sich Serverdaten ändern. Die Grundlage für die Ermittlung von Serverdatenänderungen sind die Header-Informationen „Last-Modified“. Der Standardwert ist false, was bedeutet, dass Header-Informationen ignoriert werden.
17.jsonp:
erfordert Parameter vom Typ String, um den Namen der Rückruffunktion in einer JSONP-Anfrage neu zu schreiben. Dieser Wert wird verwendet, um den „Callback“-Teil des URL-Parameters in einer GET- oder POST-Anfrage zu ersetzen, z. B. „callback=?“ führt dazu, dass „onJsonPLoad=?“ übergeben wird Der Server.
18.Benutzername:
muss ein Parameter vom Typ String sein, der zur Antwort auf den Benutzernamen der HTTP-Zugriffsauthentifizierungsanforderung verwendet wird.
19.password:
muss ein Parameter vom Typ String sein, bei dem es sich um das Passwort handelt, das zur Beantwortung der HTTP-Zugriffsauthentifizierungsanforderung verwendet wird.
20.processData:
erfordert einen booleschen Typparameter und der Standardwert ist true. Standardmäßig werden die gesendeten Daten in ein Objekt (technisch gesehen nicht in eine Zeichenfolge) konvertiert, um dem Standardinhaltstyp „application/x-www-form-urlencoded“ zu entsprechen. Wenn Sie DOM-Bauminformationen oder andere Informationen senden möchten, die Sie nicht konvertieren möchten, setzen Sie diese bitte auf „false“.
21.scriptCharset:
erfordert Parameter vom Typ String. Dies geschieht nur, wenn der Datentyp während der Anfrage „jsonp“ oder „script“ ist und der Typ ist GET. Wird verwendet, um den Zeichensatz (Charset) zwangsweise zu ändern. Wird normalerweise verwendet, wenn die lokalen und Remote-Inhaltskodierungen unterschiedlich sind.
Fallcode:$(function(){ $('#send').click(function(){ $.ajax({ type: "GET", url: "test.json", data: {username:$("#username").val(), content:$("#content").val()}, dataType: "json", success: function(data){ $('#resText').empty(); //清空resText里面的所有内容 var html = ''; $.each(data, function(commentIndex, comment){ html += '<div class="comment"><h6>' + comment['username'] + ':</h6><p class="para"' + comment['content'] + '</p></div>'; }); $('#resText').html(html); } }); }); });
Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über die Ajax-Methode in jQuery (Beispielcode). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!