原生JS實現ajax 發送post請求


1. [代碼]原生JS實現ajax 發送post請求

<script>
var oStr = '';
var postData = {};
var oAjax = null;
//post提交的數據
postData = {"name1":"value1","name2":"value2"};
//這里需要將json數據轉成post能夠進行提交的字符串  name1=value1&name2=value2格式
postData = (function(value){
  for(var key in value){
    oStr += key+"="+value[key]+"&";
  };
  return oStr;
}(postData));
//這里進行HTTP請求
try{
  oAjax = new XMLHttpRequest();
}catch(e){
  oAjax = new ActiveXObject("Microsoft.XMLHTTP");
};
//post方式打開文件
oAjax.open('post','1.php?='+Math.random(),true);
//post相比get方式提交多了個這個
oAjax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//post發送數據
oAjax.send(postData);
oAjax.onreadystatechange = function(){
  //當狀態為4的時候,執行以下操作
  if(oAjax.readyState == 4){
    try{
      alert(oAjax.responseText);
    }catch(e){
      alert('你訪問的頁面出錯了');
    };
  };
};
</script>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM