fossil

<input type="button" onclick="ajaxTest()" value="AJAX測試">

<input type="button" onclick=" document.getElementById('weather').innerHTML='' " value="隱藏">

<script>
// 1. 初始化 請(qǐng)求 對(duì)象
// Mozilla/Firefox 下的
var xmlhttp = new XMLHttpRequest();
// IE 下的
//var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
//alert(xmlhttp);

function ajaxTest() {
    // 指定要打開的頁面
    xmlhttp.open("GET", "staticpage.html", true);// HTTP 請(qǐng)求的方式, URL, 是否異步
    // 指定頁面打開完之后要進(jìn)行的操作.
    xmlhttp.onreadystatechange = mychange;
    // 開始發(fā)起瀏覽請(qǐng)求, Mozilla 必須加 null
    xmlhttp.send(null);
}

// 這個(gè)函數(shù)就是每次狀態(tài)改變要調(diào)用的函數(shù)
function mychange() {
    // 請(qǐng)求已完成
    if(xmlhttp.readyState == 4) {
        //alert(xmlhttp.readyState);
        alert(xmlhttp.responseText);
        // 更新對(duì)應(yīng)的 HTML 元素里面顯示的內(nèi)容
    // 根據(jù) ID 引用頁面里面的元素 document.getElementById(元素名)
    document.getElementById('weather').innerHTML = xmlhttp.responseText;
    }
}
</script>

<div id="weather"></div>