Es sind nur vier Schritte erforderlich, um Ajax zum Senden asynchroner Anforderungen zu implementieren

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;
    }
    }
     } 
}

Schritt 2

(Ö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/A

Servlet
request Ob es asynchron ist: Wenn true, 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, 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 eine

POST-Anfrage
handelt, lautet das Folgende:

xmlHttp.send(“username=zhangSan&password=123”); Vier Schritte:

Registrieren Sie einen Listener für ein Ereignis des xmlHttp-Objekts: onreadystatechange

Das xmlHttp-Objekt hat insgesamt 5 Zustände

0: 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 aufgerufen

3: 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

(200: Erfolg 304: Status nicht geändert 404 500: Serverfehler)

var state = xmlHttp.readyState;//可能是0、1、2、3、4

Rufen Sie den Server ab Antwortinhalt

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对象了!

Empfohlene Lektüre:

xmlHttp.onreadystatechange = function(){
  //xmlHttp的5种状态都会调用本方法
    if(xmlHttp.readyState ==4 && xmlHttp.status == 200){
  //双重判断:判断是否为4状态,而且还要判断是否为200
      var text=xmlHttp.responseText;
     } 
};

Ajax+Servlet zur Implementierung einer aktualisierungsfreien Dropdown-Verknüpfung (mit Code)

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!