控制如何在html中流动

时间:2014-02-28 10:18:37

标签: javascript html ajax dom

我是网络编程的新手。我必须设计一个Web应用程序。我想在我的html页面中使用Ajax。我已经研究了如何使用ajax,但我无法理解下面给出的html文档中的控制流程:

我通常用C语言编程。在那里,我可以弄清楚程序的流程,但不是在这个HTML文档中。 Plz帮助我。


<!DOCTYPE html>
<html>
    <head>
        <script>
        function loadXMLDoc()
        {
            var xmlhttp;
            if (window.XMLHttpRequest)
            {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp=new XMLHttpRequest();
            }
            else
            {// code for IE6, IE5
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange=function()
            {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
                }
            }
            xmlhttp.open("GET","ajax_info.txt",true);
            xmlhttp.send();
        }
        </script>
    </head>
    <body>

        <div id="myDiv"><h2>Let AJAX change this text</h2></div>
        <button type="button" onclick="loadXMLDoc()">Change Content</button>

    </body>
</html>

0 个答案:

没有答案