最簡單的 AJAX 例子代碼(完整注釋)

最簡單的 AJAX 例子代碼(完整注釋)

<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>