Talking about JS Native Ajax GET and POST

  • 2021-06-28 08:26:21
  • OfStack

GET request from ajax of javascript/js:


<script type="text/javascript"> 
/*  Establish  XMLHttpRequest  object  */ 
var xmlHttp; 
function GetXmlHttpObject(){ 
 * if (window.XMLHttpRequest){ 
 * // code for IE7+, Firefox, Chrome, Opera, Safari 
 * xmlhttp=new XMLHttpRequest(); 
 * }else{// code for IE6, IE5 
 * xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
 * } 
 * return xmlhttp; 
} 
// -----------ajax Method -----------// 
function getLabelsGet(){ 
 * xmlHttp=GetXmlHttpObject(); 
 * if (xmlHttp==null){ 
 * alert(' Your browser does not support it AJAX ! '); 
 * return; 
 * } 
 * var id = document.getElementById('id').value; 
 * var url="http://www.Leefrom.com?id="+id+"&t/"+Math.random(); 
 * xmlHttp.open("GET",url,true); 
 * xmlHttp.onreadystatechange=favorOK;// After sending the event, you receive information to call the function  
 * xmlHttp.send(); 
}
function getOkGet(){ 
 * if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){ 
 * //  Local Tip: Loading  
 * } 
 * if (xmlHttp.readyState==4 && xmlHttp.status==200){ 
 * var d= xmlHttp.responseText; 
 * //  Processing Return Results  
 * } 
} 
</script>

POST request from ajax of javascript/js:


<script type="text/javascript"> 
/*  Establish  XMLHttpRequest  object  */ 
var xmlHttp; 
function GetXmlHttpObject(){ 
  if (window.XMLHttpRequest){ 
   // code for IE7+, Firefox, Chrome, Opera, Safari 
   xmlhttp=new XMLHttpRequest(); 
  }else{// code for IE6, IE5 
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
  } 
  return xmlhttp; 
} 
// -----------ajax Method -----------// 
function getLabelsPost(){ 
  xmlHttp=GetXmlHttpObject(); 
  if (xmlHttp==null){ 
    alert(' Your browser does not support it AJAX ! '); 
    return; 
  } 
  var url="http://www.lifefrom.com/t/"+Math.random(); 
  xmlhttp.open("POST",url,true); 
  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
  xmlhttp.send(); 
  xmlHttp.onreadystatechange=getLabelsOK;// After sending the event, you receive information to call the function  
} 
function getOkPost(){ 
  if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){ 
    //  Local Tip: Loading / Processing  
                         
  } 
  if (xmlHttp.readyState==4 && xmlHttp.status==200){ 
    var d=xmlHttp.responseText; //  Return value  
    //  Processing return values  
  } 
} 
</script>

Note: XMLHttpRequest is the basis of AJAX. When creating an XMLHttpRequest object, you must write the ajax method in the same ' < script > < /script > 'In the label!Otherwise, the ajax request will fail and the data cannot be returned.POST/GET request from ajax of javascript/js.


Related articles: