<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp; //创建xmlhttprequest对象;
if (window.XMLHttpRequest)//检查浏览器是否支持创建xmlhttprequest.对象
{// 新版浏览器 IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();//如果支持,则创建xmlhttprequest对象
}
else //如果不支持,则创建ActiveXobject对象
{// 老版浏览器 IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");//"Microsoft.XMLHTTP"为参数(针对微软浏览器)
} //JavaScript中ActiveXObject对象是启用并返回 Automation(服务器) 对象的引用
xmlhttp.onreadystatechange=function()
{ //state==4,该状态码表示已经接受到了全部响应数据;
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{ //status : 响应的HTTP状态,一般HTTP状态代码为200则表示请求服务器成功;
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
} // responseText:作为响应主体被返回的文本
}
//在请求服务器之前的准备工作
/*
第一个参数: 表示请求方式(get请求/post请求)
第二个参数: 请求的URL,服务器地址,域名(ip和端口)必须和本html文件所在的域名(ip和端口)一致
第三个参数: 表示是否采用异步请求(false表示同步,true表示异步)
*/ // url 参数是服务器上文件的地址:
xmlhttp.open("GET","/ajax/demo_get.asp",true);
xmlhttp.send(); //向服务器发送请求,并接受一个参数,作为请求主体发送的数据;(可为空或为null)
}
</script>
</head>
<body>
<h2>AJAX</h2>
<button type="button" οnclick="loadXMLDoc()">请求数据</button>
<div id="myDiv"></div>
</body>
</html>