Heim > Web-Frontend > js-Tutorial > Hauptteil

So verwenden Sie Jquery Ajax

(*-*)浩
Freigeben: 2019-06-15 18:02:48
Original
2976 Leute haben es durchsucht

Die Methode ajax() lädt Remote-Daten über HTTP-Anfragen.

So verwenden Sie Jquery Ajax

Diese Methode ist die zugrunde liegende AJAX-Implementierung von jQuery. Einfache und benutzerfreundliche High-Level-Implementierungen finden Sie unter $.get, $.post usw. $.ajax() gibt das von ihm erstellte XMLHttpRequest-Objekt zurück. In den meisten Fällen müssen Sie diese Funktion nicht direkt manipulieren, es sei denn, Sie müssen weniger häufig verwendete Optionen für mehr Flexibilität manipulieren.

Im einfachsten Fall kann $.ajax() direkt ohne Parameter verwendet werden.

Hinweis: Alle Optionen können global über die Funktion $.ajaxSetup() festgelegt werden.

Syntax

jQuery.ajax([settings])//  发请求并且能得知成功还是失败。
Nach dem Login kopieren

Einstellungen, optional. Eine Sammlung von Schlüssel-Wert-Paaren, die zum Konfigurieren von Ajax-Anfragen verwendet werden. Der Standardwert für jede Option kann über $.ajaxSetup() festgelegt werden.

Typ: Typ, „POST“ oder „GET“, der Standardwert ist „GET“.

URL: Die Adresse zum Senden der Anfrage.

data: ist ein Objekt, zusammen mit den Daten, die mit der Anforderung an den Server gesendet werden. d

ataType: der Datentyp, der voraussichtlich vom Server zurückgegeben wird. Wenn nicht angegeben, trifft jQuery automatisch intelligente Entscheidungen basierend auf den in HTTP enthaltenen MIME-Informationen. Im Allgemeinen verwenden wir die JSON-Nummer, die auf „json“ festgelegt werden kann.

Erfolg: ist eine Methode, eine Rückruffunktion, nachdem die Anfrage erfolgreich ist. Übergeben Sie die zurückgegebenen Daten und eine Zeichenfolge mit dem Erfolgscode.

Fehler: ist eine Methode. Diese Funktion wird aufgerufen, wenn die Anfrage fehlschlägt. Übergeben Sie das XMLHttpRequest-Objekt.

Beispiel:

$(document).ready(function(){
    $("#searchBtn").click(function(){
        $.ajax({
            type:"GET",
            url:" https://api.passport.xxx.com/checkNickname?username="+mylogin.username+"&token="+mylogin.token+"&nickname="+nickname+"&format=jsonp&cb=?",
            dataType:"json",
            success:function(data){
                if(data.errorCode==0){
                                         $("#nickname").val(mylogin.nickname);                             
                                 }else{
                                         $("#nickname").val("用户");                         
                                 }
            },
            error:function(jqXHR){
                console.log("Error: "+jqXHR.status);
            }
        });
    });
});
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Jquery Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage