XMLHttpRequest

最新推荐文章于 2024-07-07 19:49:58 发布

原创最新推荐文章于 2024-07-07 19:49:58 发布 · 191 阅读

0 ·

CC 4.0 BY-SA版权

Javascript 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript中的XMLHttpRequest对象从服务器加载数据。通过示例代码展示了创建请求、发送请求以及处理响应的方法。

var xmlhttp;
function loadXMLDoc(url) {
    xmlhttp = null;
    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) {// for IE5 and IE6
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    if (xmlhttp != null) {
        xmlhttp.onreadystatechange = state_Change;
        xmlhttp.open("GET", url, true);
        xmlhttp.send(null);
    }
    else {
        alert("Error XMLHTTP.");
    }
}

function state_Change() {
    if (xmlhttp.readyState == 4) {// 4 ： "loaded"
        if (xmlhttp.status == 200) {// 200 ： OK
            // TODO
            document.getElementById('A1').innerHTML = xmlhttp.status;

            document.getElementById('A2').innerHTML = xmlhttp.statusText;

            document.getElementById('A3').innerHTML = xmlhttp.responseText;
        }
        else {
            alert("Error data");
        }
    }
}