[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>