Heim >Web-Frontend >js-Tutorial >Was sind die Verwendungsmöglichkeiten von Ajax? Detaillierte Erläuterung der spezifischen Verwendung von Ajax
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); } });
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);//验证码错误 }
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: StringDer 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ückFehler
Typ: FunktionStandardwert: 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: BooleanGibt 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: BooleanErhä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: StringSchreiben 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!