javascript教程 AJAX常用技术 AJAX框架技术
返回首页
当前位置: 首页 > AJAX教程 > javascript教程 >

JavaScript 简单理解Ajax异步调用操作

时间:2009-09-15 21:23来源:未知 作者:小菜鸟 点击:我要投稿  高质量的ASP.NET空间,完美支持1.0/2.0/3.5/4.0/MVC等

 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>
 
本站推荐文章:
本站热点文章:
顶一下
(2)
66.7%
踩一下
(1)
33.3%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色 情、暴力、反动的言论。
评价:
表情:
用户名:密码: 验证码:点击我更换图片