首页 > Web开发 > 详细

原生ajax实现

时间:2019-07-19 17:06:42      阅读:62      评论:0      收藏:0      [点我收藏+]
        //创建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); //将响应信息显示在控制台
            }
          }

 

原生ajax实现

原文:https://www.cnblogs.com/wswe/p/11214162.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!