Was sind die Ajax-Attribute? Detaillierte Einführung in Ajax-Attribute (Beispiel im Anhang)

In diesem Artikel geht es hauptsächlich um die Attribute von Ajax. Er enthält fast alle häufig verwendeten und ungewöhnlichen Attribute von Ajax. Wenn Sie lernen möchten, lesen Sie diesen Artikel schnell

Ich kann mich nicht immer an die Ajax-Methodenparameter in jquery erinnern, also notiere sie hier.

1.url:
erfordert einen Parameter vom Typ String (Standard ist die aktuelle Seitenadresse), an den 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 einen booleschen Typparameter, der Standardwert ist true (wenn der Datentyp Skript ist, ist der Standardwert false). Wenn Sie ihn auf false setzen, wird dies nicht verursacht Browser lädt Anforderungsinformationen in den Cache.

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, aktivieren Sie die Option „processData“. 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: JSON-Daten zurückgeben.
jsonp: JSONP-Format. Beim Aufrufen einer Funktion mithilfe des SONP-Formulars, 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 einen Parameter vom Typ Funktion. Sie können die Funktion des XMLHttpRequest-Objekts ändern, bevor Sie die Anforderung senden, z. B. einen benutzerdefinierten HTTP-Header hinzufügen. 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:
muss eine Funktion haben Typ Parameter, Rückruffunktion, die nach Abschluss der Anforderung aufgerufen wird (wird aufgerufen, wenn die Anforderung 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: Funktion ist erforderlich Parameter, die Rückruffunktion, die nach erfolgreicher Anforderung aufgerufen wird, hat 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 einen Parameter vom Typ Funktion, eine Funktion, die aufgerufen wird, 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 dieses Ajax übergebenen Optionsparameter Anfrage
}


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. Wenn das gesendete Datenformat JSON ist, ist der Codierungstypsatz: „
application/json; charset=utf-8“

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) { // Die Daten nach der Rückgabeverarbeitung
Rückgabedaten;

14.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.
                                                                                                                                                            :
Anforderungen Es ist ein Parameter vom booleschen Typ und hat standardmäßig den Wert „true“. Gibt an, ob das globale Ajax-Ereignis ausgelöst werden soll. Bei der Einstellung „false“ werden keine globalen Ajax-Ereignisse ausgelöst. AjaxStart oder ajaxStop können zur Steuerung verschiedener Ajax-Ereignisse verwendet werden.

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 und schreibt den Namen der Rückruffunktion in einer JSONP-Anfrage neu. 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

: erfordert einen Parameter vom Typ String, bei dem es sich um den Benutzernamen handelt, der zur Antwort auf die HTTP-Zugriffsauthentifizierungsanforderung verwendet wird.

19.password

: erfordert einen Parameter vom Typ String, 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, legen Sie den Wert auf „false“ fest.

21.scriptCharset

: muss ein String-Typ-Parameter sein. Er wird nur zur Erzwingung verwendet, wenn der Datentyp während der Anfrage „jsonp“ oder „script“ ist. und der Typ ist GET. Ändern Sie den Zeichensatz (Charset). Wird normalerweise verwendet, wenn die lokalen und Remote-Inhaltskodierungen unterschiedlich sind. (Wenn Sie mehr sehen möchten, besuchen Sie die Spalte „AJAX Development Manual“ der PHP-Website für Chinesisch, um mehr zu erfahren)

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 += '<p class="comment"><h6>' + comment['username']                                         + ':</h6><p class="para"&#39; + comment[&#39;content&#39;]                                         + &#39;</p></p>';
                         });
                         $('#resText').html(html);
                      }
         });
    });
});

22. Die $.each()-Funktion :$.each()-Funktion unterscheidet sich von der every()-Methode des JQuery-Objekts. Es handelt sich um eine globale Funktion, die nicht funktioniert das JQuery-Objekt, verwendet aber als ersten Parameter eine Callback-Funktion. Die Rückruffunktion hat zwei Parameter: Der erste ist das Mitglied des Objekts oder der Index des Arrays und der zweite ist die entsprechende Variable oder der entsprechende Inhalt. Ein Beispiel für $.each() lautet wie folgt:

var json = '[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},
{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"},
{"id":"5","tagName":"pineapple"}]';
 
$.each(json, function(idx, obj) {
    alert(obj.tagName);
});

each()-Methode des Jquery-Objekts Wie folgt:

$("button").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
});

Bemerkungen: Funktion(index,element)

• Index – die Indexposition des Selektors

• Element – das aktuelle Element (Sie können auch Verwenden Sie den Selektor „dies“)

Dieser Artikel endet hier (wenn Sie mehr sehen möchten, besuchen Sie die Spalte „PHP Chinesisch“ auf der Website AJAX-Benutzerhandbuch , um mehr zu erfahren), Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen.

Das obige ist der detaillierte Inhalt vonWas sind die Ajax-Attribute? Detaillierte Einführung in Ajax-Attribute (Beispiel im Anhang). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!