Native JS Ajax, Get and Post Request Instance Code

Der Get -Anforderungscode für AJAX in JavaScript/JS lautet wie folgt:

 <script type = "text/javaScript">/* erstellen xmlhttpRequest -Objekt*/var xmlhttp; Funktion getXmlHttpObject () {if (window.xmlhttpRequest) {// Code für IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new Xmlhttprequest (); } else {// Code für IE6, IE5 xmlhttp = new ActiveXObject ("microsoft.xmlhttp"); } return xmlhttp; } // ----------------------- // function getLabelsget () {xmlhttp = getXmlhttpObject (); if (xmlhttp == null) {alert ('Ihr Browser unterstützt Ajax nicht!'); zurückkehren; } var id = document.getElementById ('id'). Wert; var url = "http://www.leefrom.com?id="+id+"& t/"+math.random (); xmlhttp.open ("get", url, true); xmlhttp.onReadyStatechange = favorok; // Nach dem Senden des Ereignisses wurde die Nachricht empfangen. Die Anruffunktion xmlhttp.send (); }function getOkGet(){ if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){ // Local prompt: Loading} if (xmlHttp.readyState==4 && xmlHttp.status==200){ var d= xmlhttp.responsetext; // Verarbeitung gibt das Ergebnis}} </script> zurück

Post -Anfrage für AJAX für JavaScript/JS:

 <script type = "text/javaScript">/* erstellen xmlhttpRequest -Objekt*/var xmlhttp; Funktion getXmlHttpObject () {if (window.xmlhttpRequest) {// Code für IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new Xmlhttprequest (); } else {// Code für IE6, IE5 xmlhttp = new ActiveXObject ("microsoft.xmlhttp"); } return xmlhttp; } // ----------------------- // Funktion getLabelSpost () {xmlhttp = getXmlHttpObject (); if (xmlhttp == null) {alert ('Ihr Browser unterstützt Ajax nicht!'); zurückkehren; } var url = "http://www.lifefrom.com/t/"+math.random (); xmlhttp.open ("post", url, true); xmlhttp.setRequestheader ("Content-Typ", "Anwendung/x-www-form-urlencoded"); xmlhttp.send (); xmlhttp.onReadyStatechange = getLabelsok; // Nach dem Senden des Ereignisses wurde die Nachricht empfangen, die Funktion} function getokpost () {if (xmlhttp.ReadyState == 1 || xmlhttp.ReadyState == 2 || xmlhttp.Readystate == 3). (xmlhttp.ReadyState == 4 && xmlhttp.status == 200) {var d = xmlhttp.responsetext; // Rückgabewert // Returnwert verarbeiten}} </script>

HINWEIS: XMLHTTPREQUEST ist die Grundlage von Ajax. Beim Erstellen von XMLHTTPrequest -Objekten müssen Sie sich in der gleichen "<Script> </script>" -Tag als die von Ihnen geschriebene AJAX -Methode befinden! Andernfalls wird die AJAX -Anforderung fehlerhaft und die Daten werden nicht zurückgegeben. JavaScript/JS Ajax Post/Get Anfrage.

Das obige ist die relevante Kenntnis des nativen JS AJAX-, GET- und Post -Request -Instanzcodes, das Ihnen vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!