AJAX 修改该文本内容

1.以根目录加载服务器
2.创建一个index.htm

<div id="myDiv">
        <h2>使用 AJAX 修改该文本内容</h2>
</div>
 <button type="button" onclick="loadXMLDoc()">修改内容</button>

 function loadXMLDoc() {
        var xmlhttp;
        if (window.XMLHttpRequest) {
            //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
            xmlhttp = new XMLHttpRequest();
        } else {
            // IE6, IE5 浏览器执行代码
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
         //改变状态
        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                //改变 #myDiv里面的内容 
                document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET", "ajax_info.txt", true);
        xmlhttp.send();
    }

3.创建一个ajax_info.txt

改变里面的内容