Ajax基础学习(二)-- 请求方式(post/get)

最新推荐文章于 2022-06-27 17:30:22 发布

iteye_8306

最新推荐文章于 2022-06-27 17:30:22 发布

阅读量129

点赞数

分类专栏： ajax 文章标签： Ajax PHP

ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏


.......
function createQueryString(){
 var firstName = document.getElementById("firstName").value;
 var secName = document.getElementById("secName").value;

 var querystring="firstName="+firstName+"&secName="+secName;
}


//GET方式
function doRequestUsingGET(){
   createXMLHttpRequest();
   var queryString = "test.php?";
   queryString= queryString + createQueryString()+"&timstamp="+new Date().getTime();
   Ajax.onreadystatechange=handleStateChange;
   Ajax.open("GET",queryString,true);
   Ajax.send(null);

}

//POST方式
function doRequestUsingPOST(){
   createXMLHttpRequest();

  /* 注意以下代码与GET方式的区别 */
   var url= "test.php?timstamp="+new Date().getTime();
   var queryString=createQueryString();3
   Ajax.open("POST",url,true);
   Ajax.onreadystatechange=handleStateChange;
   Ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded")

   Ajax.send(queryString);

}

function handleStateChange(){
    if(Ajax.readyState==4){
       if(Ajax.status==200){ .......}   //成功数据其它数据
    }

}


......