一、 XMLHttpRequest 对象用于在后台与服务器交换数据。
1、不从新加载网页来更新网页
2、页面加载后向服务器请求数据
3、页面加载后从服务器接收数据
4、页面加载后向服务器发送数据
二、 XMLHttpRequest 对象创建
1、新版本浏览器
xmlHttp=new XMLHttpRequest();
2、老版本 ie5、ie6
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
3、兼容模式
<script type="text/javascript">
var xmlHttp;
if(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
else if(window.AxtiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
</script>
三、 向服务器取回数据
<script type="text/javascript">
function loadXML()
{
var xmlHttp;
if(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
else if (window.AciveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if(xmlHttp!=null)
{
//onreadystatechange 加载状态变化事件
xmlhttp.onreadystatechange=state_Change;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
}
function state_Change()
{
if (xmlhttp.readyState==4)
{
//加载xml
if (xmlhttp.status==200)
{
//完成加载
//加载完xml后 我们可以在这进出xml数据处理
}
else
{
alert("xml数据加载异常");
}
}
}
</script>