Heim > Web-Frontend > js-Tutorial > Was sind die Verwendungsmöglichkeiten von Ajax? Detaillierte Erläuterung der spezifischen Verwendung von Ajax

Was sind die Verwendungsmöglichkeiten von Ajax? Detaillierte Erläuterung der spezifischen Verwendung von Ajax

寻∝梦
Freigeben: 2018-09-10 14:30:29
Original
1351 Leute haben es durchsucht

In diesem Artikel werden Ihnen hauptsächlich die Verwendungsdetails von Ajax erläutert und es gibt Beispiele, die dies belegen, damit jeder den Inhalt des Artikels schneller verstehen kann. Schauen wir uns nun gemeinsam diesen Artikel an

Syntax: $.ajax([settings]);

$.ajax({  
    type: "POST",  
    url: "UserLogincheck",  
    data: {username:$("#username").val(), password:$("#password").val(),verify:$("#verify").val()},  
    dataType: "json",  
    success: function(data){  
        if(data==1){  
            // 用户名或密码错误  
            alert("用户名或密码错误");  
        }  
        else if(data==2){  
            alert("验证码错误");  
            // 验证码错误  
        }  
        else if(data==0){  
            window.location.href="index";  
        }  
        //跳转页面  
    },  
    error:function(XMLHttpRequest, textStatus, errorThrown){//请求失败时调用此函数  
        console.log(XMLHttpRequest.status);  
        console.log(XMLHttpRequest.readyState);  
        console.log(textStatus);                              
    }  
});
Nach dem Login kopieren

php als Hintergrundverarbeitungsprozess

public function UserLogincheck(){//用户登陆验证(用户名和邮箱均可登陆)  
                $very = new \Think\Verify();  
                if($very->check($_POST['verify'])){//验证码正确  
                 $user_admin = I('post.username');  
                 $judge = " (user_name = '$user_admin' or user_email = '$user_admin' )";  
                 $user_del_status = $this->user->where($judge)->getField('user_del');  
                   if($user_del_status == 0){//用户未被注销  
                       $user_password = I('post.password');  
                       $judge .= "and user_password = '$user_password'";  
                       $res = $this->user->where($judge)->find();  
                       if($res){//记录用户登陆状态  
                         $_SESSION['ADMIN_user_id'] = $this->user->where($judge)->getField('user_id');  
                         $_SESSION['ADMIN_user_name'] = $data['user_name'];  
                         $this->ajaxReturn(0);//登陆成功  
                       }  
                       $this->ajaxReturn(1);//用户名或密码错误  
                   }  
                   else  
                     $this->ajaxReturn(8);//用户信息被注销  
                }  
                else  
                  $this->ajaxReturn(2);//验证码错误  
       }
Nach dem Login kopieren

Detaillierte Erklärung der Ajax-Parameter:

Daten

Typ: String

An den Server gesendete Daten. Wird automatisch in das Anforderungszeichenfolgenformat konvertiert. Wird in GET-Anfragen an die URL angehängt. Informationen zum Deaktivieren dieser automatischen Konvertierung finden Sie in der Beschreibung der ProcessData-Option. Muss im Schlüssel/Wert-Format vorliegen. 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.

(Wenn Sie mehr erfahren möchten, besuchen Sie die Spalte AJAX-Entwicklungshandbuch der PHP-Website für Chinesisch, um mehr zu erfahren)

dataFilter

Typ: Funktion

ist eine Funktion zur Vorverarbeitung der von Ajax zurückgegebenen Originaldaten. 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.

dataType

Typ: String

Der Datentyp, der voraussichtlich vom Server zurückgegeben wird. Wenn nicht angegeben, trifft jQuery automatisch intelligente Entscheidungen basierend auf den MIME-Informationen des HTTP-Pakets. Beispielsweise wird der XML-MIME-Typ als XML erkannt. In 1.4 generiert JSON ein JavaScript-Objekt und das Skript führt das Skript aus. Die vom Server zurückgegebenen Daten werden dann basierend auf diesem Wert analysiert und an die Rückruffunktion übergeben. Verfügbare Werte:

"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 den Dom eingefügt wird.

"script": Gibt Nur-Text-JavaScript-Code zurück. Ergebnisse werden nicht automatisch zwischengespeichert. Es sei denn, der Parameter „Cache“ ist gesetzt. Hinweis: Bei Remote-Anfragen (nicht unter derselben Domäne) werden alle POST-Anfragen in GET-Anfragen umgewandelt. (Da zum Laden das DOM-Skript-Tag verwendet wird)

"json": Gibt JSON-Daten zurück.

"jsonp": JSONP-Format. Beim Aufrufen einer Funktion im JSONP-Format, z. B. „myurl?callback=?“, ersetzt jQuery automatisch ? durch den richtigen Funktionsnamen, um die Callback-Funktion auszuführen.

"text": Gibt eine Nur-Text-Zeichenfolge zurück

Fehler

Typ: Funktion

Standardwert: automatische Beurteilung (xml oder html). Diese Funktion wird aufgerufen, wenn die Anfrage fehlschlägt.

verfügt über die folgenden drei Parameter: XMLHttpRequest-Objekt, Fehlermeldung und (optional) erfasstes Ausnahmeobjekt.

Wenn ein Fehler auftritt, kann die Fehlermeldung (der zweite Parameter) zusätzlich zu Null auch „timeout“, „error“, „notmodified“ und „parsererror“ lauten.

Dies ist eine Ajax-Veranstaltung.

global

Typ: Boolean

Gibt an, ob das globale AJAX-Ereignis ausgelöst werden soll. Standardwert: true. Bei der Einstellung „false“ werden keine globalen AJAX-Ereignisse wie ajaxStart oder ajaxStop ausgelöst, die zur Steuerung verschiedener Ajax-Ereignisse verwendet werden können.

ifModified

Typ: Boolean

Erhält nur neue Daten, wenn sich die Serverdaten ändern. Standardwert: false. Verwenden Sie zur Bestimmung die Header-Informationen „Zuletzt geändert“ des HTTP-Pakets. Ab jQuery 1.4 überprüft es auch das vom Server angegebene „etag“, um sicherzustellen, dass die Daten nicht geändert wurden.

jsonp

Typ: String

Schreiben Sie 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 wie {jsonp:'onJsonPLoad'} zu ersetzen, der dazu führt, dass „onJsonPLoad=?“ an den Server übergeben wird.

jsonpCallback

Typ: String

Geben Sie einen Rückruffunktionsnamen für die JSONP-Anfrage an. Dieser Wert wird anstelle des von jQuery automatisch generierten zufälligen Funktionsnamens verwendet. Dies wird hauptsächlich verwendet, um jQuery die Generierung eindeutiger Funktionsnamen zu ermöglichen, um die Verwaltung von Anforderungen sowie die Bereitstellung von Rückruffunktionen und Fehlerbehandlung zu erleichtern. Sie können diesen Rückruffunktionsnamen auch angeben, wenn der Browser GET-Anfragen zwischenspeichern soll.

Passwort

Typ: Zeichenfolge

Passwort, das zur Beantwortung einer HTTP-Zugriffsauthentifizierungsanfrage verwendet wird

processData

Typ: Boolean

Standardwert: true. Standardmäßig werden die über die Datenoption übergebenen Daten, wenn es sich um ein Objekt handelt (technisch gesehen, solange es sich nicht um eine Zeichenfolge handelt), verarbeitet und in eine Abfragezeichenfolge konvertiert, die dem Standardinhaltstyp „application/x“ entspricht -www-form-urlencoded" ". Legen Sie „false“ fest, wenn Sie DOM-Bauminformationen oder andere Informationen senden möchten, die Sie nicht konvertieren möchten.

scriptCharset

Typ: String

Nur ​​wenn der Datentyp bei der Anforderung „jsonp“ oder „script“ ist und der Typ „GET“ ist Wird verwendet, um eine Änderung des Zeichensatzes zu erzwingen. Wird normalerweise nur verwendet, wenn die lokalen und Remote-Inhaltskodierungen unterschiedlich sind.

Erfolg

Typ: Funktion

Rückruffunktion nach erfolgreicher Anfrage.

Parameter: Vom Server zurückgegebene und gemäß dem dataType-Parameter verarbeitete Daten; eine Zeichenfolge, die den Status beschreibt.

Dies ist eine Ajax-Veranstaltung.

traditionell

Typ: Boolean

Auf true setzen, wenn Sie Daten auf herkömmliche Weise serialisieren möchten. Bitte beachten Sie die jQuery.param-Methode in der Kategorie „Tools“.

Timeout

Typ: Zahl

Legen Sie das Anfrage-Timeout (Millisekunden) fest. Diese Einstellung überschreibt die globale Einstellung.

Typ

Typ: String

Standard: „GET“). Anforderungsmethode („POST“ oder „GET“), Standard ist „GET“. Hinweis: Andere HTTP-Anfragemethoden wie PUT und DELETE können ebenfalls verwendet werden, werden jedoch nur von einigen Browsern unterstützt.

URL

Typ: String

Standardwert: Aktuelle Seitenadresse. Die Adresse, an die die Anfrage gesendet werden soll.

Benutzername

Typ: Zeichenfolge

Benutzername, der zur Beantwortung von HTTP-Zugriffsauthentifizierungsanfragen verwendet wird.

xhr

Typ: Funktion

Muss ein XMLHttpRequest-Objekt zurückgeben. Der Standardwert ist ActiveXObject unter IE und ansonsten XMLHttpRequest. Wird verwendet, um ein erweitertes XMLHttpRequest-Objekt zu überschreiben oder bereitzustellen. Dieser Parameter war vor jQuery 1.3 nicht verfügbar.

Dieser Artikel endet hier (wenn Sie mehr lesen möchten, besuchen Sie die Spalte „PHP Chinese User Manual“ , um mehr zu erfahren. Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen). .

Das obige ist der detaillierte Inhalt vonWas sind die Verwendungsmöglichkeiten von Ajax? Detaillierte Erläuterung der spezifischen Verwendung von 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