阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      AJAX 创建实例

      AJAX 创建 XMLHttpRequest 对象实例

      XMLHttpRequest 是 AJAX 的基础。

      XMLHttpRequest 对象

      所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。

      XMLHttpRequest 用于在后台与服务器交换数据。

      这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

      创建 XMLHttpRequest 对象

      所有现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)均内建 XMLHttpRequest 对象。

      创建 XMLHttpRequest 对象的语法:

      variable=new XMLHttpRequest();
      

      老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象:

      variable=new ActiveXObject("Microsoft.XMLHTTP");
      

      为了应对所有的现代浏览器,包括 IE5 和 IE6,请检查浏览器是否支持 XMLHttpRequest 对象。

      如果支持,则创建 XMLHttpRequest 对象。

      如果不支持,则创建 ActiveXObject :

      实例

      var xmlhttp;
      if (window.XMLHttpRequest)
      {
          //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
          xmlhttp=new XMLHttpRequest();
      }
      else
      {
          // IE6, IE5 浏览器执行代码
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      

      下面这个就是不兼容IE6的

      function loadXMLDoc(){
          if (window.XMLHttpRequest){
              // code for IE7+, Firefox, Chrome, Opera, Safari
              xmlhttp=new XMLHttpRequest();
          } else {
              // code for IE6, IE5
              xmlhttp=new ActiveXObject("/");
          }
          xmlhttp.onreadystatechange=function(){
              if (xmlhttp.readyState==4 && xmlhttp.status==200){
              document.getElementById("myDiv").innerHTML='----- 这里从 阿西河前端教程 的后台拿到的数据!当您看到这段话的时候,页面并没有刷新 -----';
              }
          }
          xmlhttp.open("GET","/",true);
          xmlhttp.send();
      }
      

      应用案例

      该技术在 1998 年前后得到了应用。允许客户端脚本发送HTTP请求(XMLHTTP)的第一个组件由Outlook Web Access小组写成。该组件原属于微软 Exchange Server,并且迅速地成为了 Internet Explorer 4.0 的一部分。部分观察家认为,Outlook Web Access 是第一个应用了 Ajax 技术的成功的商业应用程序,并成为包括Oddpost 的网络邮件产品在内的许多产品的领头羊。

      但是,2005 年初,许多事件使得 Ajax 被大众所接受。Google 在它著名的交互应用程序中使用了异步通讯,如Google、Google 地图、Google 搜索建议、Gmail等。Ajax 这个词由《Ajax: A New Approach to Web Applications》一文所创,该文的迅速传播加强了人们使用该项技术的意识。另外,对Mozilla/Gecko 的支持使得该技术走向成熟,变得更为易用。

      在下一章中,您将学习发送服务器请求的知识。

      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录