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

xf.zhouwenjun

<input type="button"  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>