JavaScript XMLHttpRequest 对象

「爱情、让人受尽委屈。」 2022-06-16 02:30 201阅读 0赞

XMLHttpRequest 对象用于在后台与服务器交换数据。所有现代的浏览器都支持 XMLHttpRequest 对象。所有现代浏览器 (IE7+、Firefox、Chrome、Safari 以及 Opera) 都内建了 XMLHttpRequest 对象。

XMLHttpRequest 对象是开发者的梦想，因为您能够：

1.在不重新加载页面的情况下更新网页
    2.在页面已加载后从服务器请求数据
    3.在页面已加载后从服务器接收数据
    4.在后台向服务器发送数据

//创建 XMLHttpRequest 对象的语法：
     var xhr = new XMLHttpRequest();

应用1：

//老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：
    var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

var xmlhttp;
    function loadXMLDoc(url) { 
    xmlhttp=null;
    if (window.XMLHttpRequest)
      {
       // 新浏览器支持，大多浏览器支持
      xmlhttp=new XMLHttpRequest();
      }
    else if (window.ActiveXObject)
      {
       // IE5 IE6浏览器支持
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    if (xmlhttp!=null)
      {
      xmlhttp.onreadystatechange=state_Change;
      xmlhttp.open("GET",url,true);
      xmlhttp.send(null);
      }
    else
      {
      alert("Your browser does not support XMLHTTP.");
      }
    }
    
    function state_Change() { 
    if (xmlhttp.readyState==4)
      {
       // 4 = "loaded"
      if (xmlhttp.status==200)
        {
       // 200 = OK
        // ...our code here...
        }
      else
        {
        alert("Problem retrieving XML data");
        }
      }
    }

应用2：