<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>
//以上代码为网络转载!
Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved. 闵涛 E_mail:admin@mintao.net(欢迎提供学习资源)
鄂公网安备 42011102001154号
站长:MinTao ICP备案号:鄂ICP备11006601号-18