Heim > Artikel > Web-Frontend > Codebeispiel für natives Javascript, das AJAX implementiert
Der Inhalt dieses Artikels handelt von Codebeispielen für die Implementierung von AJAX in nativem JavaScript. Ich hoffe, dass er für Freunde hilfreich ist.
Native JS verwendet AJAX-Code. Der Code lautet wie folgt
var xhr1 = new XMLHttpRequest; xhr1.open("POST", 'http://47.92.121.171:17788', true); xhr1.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); xhr1.onreadystatechange = function () { if (xhr1.readyState == 4 && xhr1.status == 200) { console.log("打印用户信息1" + xhr1.responseText); } } xhr1.send("code=p_001&name=aaaaaa&pas=123456&belong=aabbccdd");
Wenn Sie das Ergebnis aufrufen müssen, nachdem die Ajax-Laufmethode abgeschlossen ist, müssen Sie eine Rückruffunktion verwenden oder Versprechen
Rückruffunktion
private loadXMLDoc(url, sendcode, cfunc) { this.xmlhttp = new XMLHttpRequest; this.xmlhttp.open("POST", url, true); this.xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); this.xmlhttp.onreadystatechange = cfunc; this.xmlhttp.send(sendcode); } private myFunction() { this.loadXMLDoc("http://47.92.121.171:17788", "code=p_001&name=aaaaaa&pas=123456&belong=aabbccdd",()=>{ if (this.xmlhttp.readyState == 4 && this.xmlhttp.status == 200) { console.log("3") console.log("打印用户信息1" + this.xmlhttp.responseText) } }); }
Versprechen verwenden
this.getGameServer().then(function (res) { console.log("res" + res); }).catch(function (rej) { console.log("rej" + rej); });private getGameServer() { return new Promise(function (resolve, reject) { var xhr = new XMLHttpRequest; xhr.open("POST", 'http://47.92.121.171:9002/rout/get_game_servers', true); xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200) { resolve(xhr.responseText); } } xhr.send("game=1&shang=common"); }); }
Das obige ist der detaillierte Inhalt vonCodebeispiel für natives Javascript, das AJAX implementiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!