XML HttpRequest



  • XMLHttpRequest对象

    XMLHttpRequest 对象可用于从 web 服务器请求数据。
    XMLHttpRequest 对象是开发人员的梦想,因为您可以:
    • 在不重新加载网页的情况下更新网页
    • 从服务器请求数据-页面加载后
    • 从服务器接收数据-页面加载后
    • 将数据发送到服务器-在后台
  • 发送XMLHttpRequest

    使用 XMLHttpRequest 对象的常见 JavaScript 语法如下所示:
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            // 文档准备就绪时要执行的典型操作:
            document.getElementById("demo").innerHTML = xhttp.responseText;
        }
    };
    xhttp.open("GET", "filename", true);
    xhttp.send();
    
    
  • 示例说明

    上面示例中的第一行创建一个 XMLHttpRequest 对象:
    var xhttp = new XMLHttpRequest();
    
    
    onreadystatechange 属性指定每次 XMLHttpRequest 对象的状态更改时要执行的函数:
    xhttp.onreadystatechange = function()
    
    
    readyState 属性为 4 且 status 属性为 200 时,响应为就绪:
    if (this.readyState == 4 && this.status == 200)
    
    
    response text属性将服务器响应作为文本字符串返回。
    文本字符串可用于更新网页:
    document.getElementById("demo").innerHTML = xhttp.responseText;
    
    
    在本教程的 XML AJAX章节 中,您将了解更多关于 XMLHttpRequest 对象的信息。
  • 旧版本的IE浏览器(IE5和IE6)

    旧版本的 Internet Explorer(IE5和IE6)不支持 XMLHttpRequest 对象。
    要处理IE5和IE6,请检查浏览器是否支持 XMLHttpRequest 对象,或者创建 ActiveXObject
    if (window.XMLHttpRequest) {
        // 现代浏览器的代码
        xmlhttp = new XMLHttpRequest();
     } else {
        // 旧版本浏览器的代码
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }