原生ajax实现

        //创建XMLHttpRequest对象
        var xmlhttp;
        
        /* 检查浏览器是否支持 XMLHttpRequest 对象。如果支持,则创建 XMLHttpRequest 
        对象。如果不支持,则创建 ActiveXObject,主要针对IE5和IE6 */
        if (window.XMLHttpRequest)
          {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
          }
        else
          {// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }
        
        
        //open(method,url,async)
/*         method指请求的类型:GET 或 POST
        url指请求的路径
        async:true为异步,false为同步     */
        
            
        //发送GET请求
         xmlhttp.open("GET","aj?method=findList",true);
        xmlhttp.send();
        
        //发送POST请求
        xmlhttp.open("POST","aj?method=findList",true);
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlhttp.send("name=xiaowang&age=21");
        
        
        //获得服务器的响应信息
//         console.log(xmlhttp.responseText); -->因为是异步请求,所以此时服务器相应信息可能还未到,故不能获得
        
        //判断请求是否完成以及是否有响应
        xmlhttp.onreadystatechange=function()
          {
          if (xmlhttp.readyState==4 && xmlhttp.status==200)//请求已完成,且响应就绪
            {
            console.log(xmlhttp.responseText); //将响应信息显示在控制台
            }
          }

 

posted @ 2019-07-19 16:40  wswen  阅读(303)  评论(0)    收藏  举报