原生ajax实现

2019-08-14 10:15:57来源:博客园 阅读 ()

        //创建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); //将响应信息显示在控制台
            }
          }

 


原文链接:https://www.cnblogs.com/wswe/p/11214162.html
如有疑问请与原作者联系

标签:QHTTP服务器Chrome浏览器Application

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:form表单提交后结果乱码的解决方法

下一篇:ES6——箭头函数与普通函数的区别