最简单的 AJAX 例子代码(完整注释)

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