美文网首页
2.0.1 Ajax

2.0.1 Ajax

作者: RockyLuo_290f | 来源:发表于2019-03-28 10:51 被阅读0次

    AJAX (Asynchronous JavaScript And XML) 异步的Web编程方式

    <script type="text/javascript">
    var xmlHttp;
    function ajaxFunction(){
      try{
        //Firefox,Opera, Safari
        xmlHttp = new XMLHttpRequest();
      }catch(e){
        try{
          //Internet Explorer
          xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }catch(e){
          try{
              xmlHttp = new ActiveXObject("microsoft.XMLHTTP");
          }catch(e){
            alert("This browser not support ajax");
            return false
          }
        }
      }
    } 
    function validUser(obj){
      ajaxFunction();
      var url = "";
      //true 同步, false 异步
      xmlHttp.open('post', url, false);
      xmlHttp.setRequestHeader("content-type", "text/html;charset=UTF-8");
      //
      xmlHttp.send(data);
      //服务器响应
      xmlHttp.onreadystatechange = _callback;
    }
    
    function _callback(){
      //readyState == 4请求完成
      if(xmlHttp.reayState ==4){
        //服务器响应正确
        if(xmlHttp.status == 200){
          var result = xmlHttp.responseText;
          //....
        }
      }
    }
    </script>
    

    ajax开发步骤
    1.创建XMLHttpRequest对象
    2.将状态触发器绑定到一个函数
    3.使用open方法建立与服务器的连接
    4.对回调函数的数据进行相对应的处理

    相关文章

      网友评论

          本文标题:2.0.1 Ajax

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