原生 JS Ajax,GET和POST 請求執行個體代碼_javascript技巧

javascript/js的ajax的GET請求代碼如下所示：

<script type="text/javascript"> /* 建立 XMLHttpRequest 對象 */ 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方法-----------// function getLabelsGet(){ 　　xmlHttp=GetXmlHttpObject(); 　　if (xmlHttp==null){ 　　　　alert('您的瀏覽器不支援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;//發送事件後，收到資訊了調用函數 　　xmlHttp.send(); }function getOkGet(){ 　　if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){ 　　　　// 本地提示：載入中 　　} 　　if (xmlHttp.readyState==4 && xmlHttp.status==200){ 　　　　var d= xmlHttp.responseText; 　　　　// 處理返回結果 　　} } </script>

javascript/js的ajax的POST請求：

<script type="text/javascript"> /* 建立 XMLHttpRequest 對象 */ 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方法-----------// function getLabelsPost(){ xmlHttp=GetXmlHttpObject(); if (xmlHttp==null){ alert('您的瀏覽器不支援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;//發送事件後，收到資訊了調用函數 } function getOkPost(){ if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){ // 本地提示：載入中/處理中 } if (xmlHttp.readyState==4 && xmlHttp.status==200){ var d=xmlHttp.responseText; // 傳回值 // 處理傳回值 } } </script> 

注意：XMLHttpRequest 是 AJAX 的基礎，在建立 XMLHttpRequest 對象時，必須與你寫的ajax方法在同一個‘<script></script>'標籤中！否則ajax請求會出錯，並無法返回資料。 javascript/js的ajax的POST/GET請求。

以上所述是小編給大家介紹的原生 JS Ajax,GET和POST 請求執行個體代碼的相關知識，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對雲棲社區網站的支援！