美文网首页
AJAX的工作原理

AJAX的工作原理

作者: 顾影清怜丶 | 来源:发表于2018-05-14 21:43 被阅读0次

    1.建立xmlHttpRequest对象

      if(window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
        if(xmlHttp.overrideMimeType) {
          xmlHttp.overrideMimeType("text/xml");
         }
        } else if(window.ActiveXobject) {
          var activeName = ["MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];
          for(var i = 0; i < activeName.length; i++) {
            try {
              xmlHttp = new ActiveXobject(activeName[i]);
              break;
            } catch(e) {
          }
        }
      }
      if(!xmlHttp) {
        alert("创建xmlhttprequest对象失败");
      } else {
     }
    

    2.设置回调函数

      xmlHttp.onreadystatechange= callback;
      function callback(){}
    

    3.使用OPEN方法与服务器建立连接

       xmlHttp.open("get","ajax?name="+ name,true)
    
      //此步注意设置http的请求方式(post/get),如果是POST方式,注意设置请求头信息xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
    

    4.向服务器端发送数据

      xmlHttp.send(null);
      // 如果是POST方式就不为空
    

    5.在回调函数中针对不同的响应状态进行处理

      if(xmlHttp.readyState == 4){       //判断交互是否成功
        if(xmlHttp.status == 200){         //获取服务器返回的数据         //获取纯文本数据
          var responseText =xmlHttp.responseText;
          document.getElementById("info").innerHTML = responseText;
        }
      }

    相关文章

      网友评论

          本文标题:AJAX的工作原理

          本文链接:https://www.haomeiwen.com/subject/bphsdftx.html