2.0.1 Ajax

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.对回调函数的数据进行相对应的处理

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,584评论 1 45
  • 五十三:请解释 JavaScript 中 this 是如何工作的。1.方法调用模式当一个函数被保存为一个对象的属性...
    Arno_z阅读 663评论 0 2
  • AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 X...
    鹿守心畔光阅读 7,086评论 7 135
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 5,858评论 0 106
  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 3,500评论 0 7

友情链接更多精彩内容