fossil

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

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

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

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

// 這個函數就是每次狀態改變要調用的函數
function mychange() {
    // 請求已完成
    if(xmlhttp.readyState == 4) {
        //alert(xmlhttp.readyState);
        alert(xmlhttp.responseText);
        // 更新對應的 HTML 元素里面顯示的內容
    // 根據 ID 引用頁面里面的元素 document.getElementById(元素名)
    document.getElementById('weather').innerHTML = xmlhttp.responseText;
    }
}
</script>

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