[JavaScript] 简单理解Ajax异步调用操作
Ajax提供与服务器异步通信的能力，借助于Ajax，可以在用户单击按钮时，使用JavaScript和 DHTML立即更新UI，并向服务器发出异步请求，以执行更新或查询数据库。当请求返回时，就可以使用JavaScript和CSS来相应地更新UI，而不是刷新整个页面。最重要的是，用户甚至不知道浏览器正在与服务器通信：Web站点看起来是即时响应的。示例代码如下：
简单示例代码
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript">
var XmlHttp=new ActiveXObject("Microsoft.XMLhttp");
function sendRequest()
{
XmlHttp.Open("POST","http://www.cnblogs.com/abeen/rss",true);//请求数据页面
XmlHttp.send(null);
XmlHttp.onreadystatechange=ServerState;//设置监听状态
}
//请求到数据时显示到页面
function ServerState()
{
if (XmlHttp.readystate==4 || XmlHttp.readystate=='complete')
{
document.getElementById('contentList').innerHTML =XmlHttp.responsetext;
}
}
setInterval('sendRequest()',5000);//设置更新时间
</script>
</head>
<body>
<div id="contentList"></div>
</body>
</html>
