Dieses Mal werde ich Ihnen nur vier Schritte zum Senden einer asynchronen Anfrage mit Ajax vorstellen Schauen Sie mal rein. 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 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;
}
}
}
}(Öffnen Sie die Verbindung mit dem Server) xmlHttp.open(): Wird zum Öffnen der Verbindung mit verwendet Für den Server sind drei Parameter erforderlich:
Anforderungsmethode: Es kann GET oder POST sein
Anforderungs-URL: Geben Sie serverseitige Ressourcen an, zum Beispiel: /day23_1/AxmlHttp.open("GET","/day23_1/AServlet",true); /Zum Beispiel:Schritt 3
(Anfrage senden)xmlHttp.send(null): Wenn nicht angegeben, können einige Browser möglicherweise nicht senden !
Parameter: Es handelt sich um den Inhalt des Anfragetextes. Wenn es sich um eine GET-Anfrage handelt, muss null angegeben werden.
Wenn es sich um einePOST-Anfrage
handelt, lautet das Folgende:
Registrieren Sie einen Listener für ein Ereignis des xmlHttp-Objekts: onreadystatechange
Das xmlHttp-Objekt hat insgesamt 5 Zustände0: Initialisierung ist nicht abgeschlossen, gerade erstelltes XMLHttpRequest-Objekt, die open()-Methode wurde noch nicht aufgerufen1: Die Anfrage wurde gestartet, die open()-Methode wurde aufgerufen, aber die send()-Methode wurde noch nicht aufgerufen
2: Die Anfrage wird im Abschlussstatus gesendet, dem send ()-Methode wurde aufgerufen3: Beginnen Sie mit dem Lesen der Serverantwort.
4: Beenden Sie das Lesen der Serverantwort (normalerweise kümmern wir uns nur um den letzten Status!!!)
Rufen Sie den Status der ab xmlHttp-Objekt
Rufen Sie den
Statuscode der Serverantwort ab
var state = xmlHttp.readyState;//可能是0、1、2、3、4
Der Zuhörer sollte also so geschrieben sein
var status=xmlHttp.status;//例如200、404、500
Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall in diesem Artikel gelesen haben. Für weitere spannende Informationen zahlen Sie bitte Beachten Sie auch andere verwandte Artikel auf der chinesischen PHP-Website!
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 So erhalten Sie JSON-Daten. So verwenden Sie
für undefiniert
Das obige ist der detaillierte Inhalt vonEs sind nur vier Schritte erforderlich, um Ajax zum Senden asynchroner Anforderungen zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
