zoukankan      html  css  js  c++  java
  • [JavaScript] 简单理解Ajax异步调用操作

        Ajax提供与服务器异步通信的能力,借助于Ajax,可以在用户单击按钮时,使用JavaScript DHTML立即更新UI,并向服务器发出异步请求,以执行更新或查询数据库。当请求返回时,就可以使用JavaScriptCSS来相应地更新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>

     

  • 相关阅读:
    《大道至简》读后感
    周报告
    关于大脑休息之睡觉与冥想方式对比
    大数据之实验6
    学习进度(16)
    软件工程—个人课程总结
    学习进度(15)
    人月神话阅读笔记03
    学习进度(14)
    软件工程—个人作业(8)
  • 原文地址:https://www.cnblogs.com/abeen/p/734826.html
Copyright © 2011-2022 走看看