Wie schreibe ich Ajax?

Ajax-Standard-Schreibbeispiel:

$.ajax({
    url:"http://www.microsoft.com",    //请求的url地址
    dataType:"json",   //返回格式为json
    async:true,//请求是否异步，默认为异步，这也是ajax重要特性
    data:{"id":"value"},    //参数值
    type:"GET",   //请求方式
    beforeSend:function(){
        //请求前的处理
    },
    success:function(req){
        //请求成功时处理
    },
    complete:function(){
        //请求完成的处理
    },
    error:function(){
        //请求出错处理
    }
});
 
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",function(req){
    $.each(req.items,function(i, item){
        if(i == vnum){
            $("<img src="" + item.media.m + "" title="" + item.title + "" />").appendTo("#showjson");
        }
    });
});

Detaillierte AJAX-Parametereinführung:

1.url:
erfordert einen Parameter vom Typ String (Standard ist die aktuelle Seitenadresse), um die angeforderte Adresse zu senden.

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, werden die Anforderungsinformationen nicht aus dem Browser-Cache geladen .

6.data:
Erfordert Parameter vom Typ Objekt oder String, an den Server gesendete Daten. 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, erwarteter Datentyp, der 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. 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 ä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.
                                                                                                                                                                                                                          . Die Rückruffunktion (wird aufgerufen, wenn die Anfrage erfolgreich ist oder fehlschlägt). Parameter: XMLHttpRequest-Objekt und eine Zeichenfolge, die den erfolgreichen Anforderungstyp beschreibt.
                                                                                                                                       Die später aufgerufene Callback-Funktion 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, der die Funktion ist, 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 dieses Ajax übergebenen Optionsparameter Anfrage
}

12.contentType:
erfordert 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.
                                                                                                                                                               Parameter des Aktionstyps, Funktion zur Vorverarbeitung der von Ajax zurückgegebenen Rohdaten. 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.
                                                                                                                                                                                                    Parameter, Standard ist wahr. 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 String-Typ-Parameter, 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, setzen Sie diese bitte auf „false“.

21.scriptCharset:

muss ein String-Typ-Parameter sein. Er wird verwendet, um die Änderung des Zeichensatzes nur dann zu erzwingen, wenn der Datentyp „jsonp“ oder „script“ ist die Anfrage, und der Typ ist GET (Zeichensatz). Wird normalerweise verwendet, wenn die lokalen und Remote-Inhaltskodierungen unterschiedlich sind.

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