美文网首页
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