zoukankan      html  css  js  c++  java
  • Ajax加载信息提示实例(转)

    <?xml version="1.0" encoding="gb2312"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>XMLHTTP</title>
    </head>

    <body>

    <div id="board"></div>

    <script type="text/javascript" language="javascript">
    <!--
    function CreateHTTPObject()
    {
        var xmlhttp;
       
        try
        {
            xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            try
            {
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e)
            {
                xmlhttp = false;
            }
        }
       
        if (!xmlhttp && typeof XMLHttpRequest!='undefined')
        {
            try
            {
                xmlhttp = new XMLHttpRequest();
            }
            catch (e)
            {
                xmlhttp=false;
            }
        }
       
        if (!xmlhttp && window.createRequest)
        {
            try
            {
                xmlhttp = window.createRequest();
            }
            catch (e)
            {
                xmlhttp=false;
            }
        }
       
        return xmlhttp;
    }


    //使用全局变量 xmlhttp
    function OnReadyStateChng()
    {
        if (xmlhttp.readyState == 0)
        {
            document.getElementById("board").innerHTML = "尚未初始化";
        }
        else if (xmlhttp.readyState == 1)
        {
            document.getElementById("board").innerHTML = "正在加载";
        }
        else if (xmlhttp.readyState == 2)
        {
            document.getElementById("board").innerHTML = "加载完毕";
        }
        else if (xmlhttp.readyState == 3)
        {
            document.getElementById("board").innerHTML = "正在处理";
        }
        else if (xmlhttp.readyState == 4)
        {
            document.getElementById("board").innerHTML = xmlhttp.responseText; //处理完毕
        }
       
    }

    var xmlhttp = CreateHTTPObject();
    if (xmlhttp)
    {
        xmlhttp.open("GET", "http://www.cftea.com/", true);
        xmlhttp.onreadystatechange = OnReadyStateChng;
        xmlhttp.send(null);
    }
    -->
    </script>

    </body>

    </html>

  • 相关阅读:
    Java设计模式14:常用设计模式之组合模式(结构型模式)
    Android 高级UI设计笔记07:RecyclerView 的详解
    Android进阶笔记07:Android之MVC 理解
    TCP/IP协议原理与应用笔记18:构成子网和超网
    TCP/IP协议原理与应用笔记17:IP编址(重点)
    Java设计模式13:常用设计模式之桥接模式(结构型模式)
    Java设计模式12:常用设计模式之外观模式(结构型模式)
    Java设计模式11:常用设计模式之代理模式(结构型模式)
    《nginx 五》nginx实现动静分离
    《nginx 四》双机主从热备
  • 原文地址:https://www.cnblogs.com/Godblessyou/p/1018918.html
Copyright © 2011-2022 走看看