Heim > Artikel > Backend-Entwicklung > Vier Schritte für Ajax zum Senden asynchroner Anforderungen
In diesem Artikel erfahren Sie hauptsächlich, wie Sie Ajax zum Senden asynchroner Anfragen einfach implementieren. Interessierte Freunde können darauf zurückgreifen. Ich hoffe, dass er jedem helfen kann, das Wissen über Ajax zum Senden asynchroner Anfragen zu verbessern.
ajax sendet eine asynchrone Anfrage als Referenz
Der erste Schritt(Get XMLHttpRequest)
Ajax benötigt eigentlich nur um ein Objekt zu lernen: XMLHttpRequest, wenn Sie es beherrschen, beherrschen Sie Ajax!!!
1. Holen Sie sich XMLHttpRequest
Die meisten Browser unterstützen: var xmlHttp=new XMLHttpRequest();
IE6.0:var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
IE5.0 und frühere Versionen von IE:var xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
2. Schreiben Sie eine Funktion, die ein XMLHttpRequest-Objekt erstellt
function createXMLHttpRequest(){ try{ return new XMLHttpRequest(); } catch(e){ try{ return new ActiveXObject(“Msxml2.XMLHTTP”); }catch(e){ try{ return new ActiveXObject(“Microsoft.XMLHTTP”); }catch(e){ alert(“哥们儿,你用的是什么浏览器啊?”); throw e; } } } }
Schritt 2(Öffnen Sie die Verbindung mit dem Server)
xmlHttp.open(): Verwendung Um eine Verbindung mit dem Server herzustellen, sind drei Parameter erforderlich:
Anforderungsmethode: Kann GET oder POST sein
Angeforderte URL: Geben Sie die serverseitige Ressource an, zum Beispiel: /day23_1/AServlet
Anfrage, ob asynchron ist: Wenn wahr, bedeutet dies, dass eine asynchrone Anfrage gesendet wird, andernfalls eine synchrone Anfrage
xmlHttp.open("GET","/day23_1/AServlet",true); //Zum Beispiel
Schritt 3(Anfrage senden)
xmlHttp.send(null): Wenn nicht angegeben, ist dies bei einigen Browsern möglicherweise nicht der Fall Kann gesendet werden!
Parameter: Es handelt sich um den Inhalt der Anfrage. Wenn es sich um eine GET-Anfrage handelt, muss null angegeben werden.
Wenn es sich um eine POST-Anfrage handelt, lautet sie wie folgt:
xmlHttp.send(“username=zhangSan&password=123“); Vier Schritte:
Das xmlHttp-Objekt hat insgesamt 5 Zustände 0: Initialisierung ist nicht abgeschlossen, gerade erstelltes XMLHttpRequest-Objekt, die open()-Methode hat wurde noch nicht aufgerufen
1: Die Anfrage wurde gestartet, die open()-Methode wurde aufgerufen, aber die send()-Methode wurde noch nicht aufgerufen2: Die Anfrage wird im Abschlussstatus gesendet, die send( ) Methode wurde aufgerufen
3: Beginnen Sie mit dem Lesen der Serverantwort
Rufen Sie den Status ab des xmlHttp-Objekts
Rufen Sie den Statuscode der Serverantwort ab (200: Erfolg 304: Status hat sich nicht geändert 404 500: Serverfehler)
var state = xmlHttp.readyState;//可能是0、1、2、3、4Der Listener sollte also so geschrieben sein
var status=xmlHttp.status;//例如200、404、500Verwandte Empfehlungen:
var content=xmlHttp.responseText;//得到服务器的响应的文本格式的内容(这更通用) var content=xmlHttp.responseXML;//得到服务器的响应的xml响应的内容,它是document对象了!
xmlHttp.onreadystatechange = function(){ //xmlHttp的5种状态都会调用本方法 if(xmlHttp.readyState ==4 && xmlHttp.status == 200){ //双重判断:判断是否为4状态,而且还要判断是否为200 var text=xmlHttp.responseText; } };Ajax Asynchronous Request Post Method
Asynchrone Ajax-Anfrage für die Maus Das Problem beim Verlassen des Eingabetextfelds
Wie man mit JQuery eine asynchrone Ajax-Anfrage implementiert, um JSON-Datencode zurückzugeben Details
Das obige ist der detaillierte Inhalt vonVier Schritte für Ajax zum Senden asynchroner Anforderungen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!