Javascript 控件如何在html中流动_Javascript_Html_Ajax_Dom

Javascript 控件如何在html中流动

javascript html ajax dom

Javascript 控件如何在html中流动,javascript,html,ajax,dom,Javascript,Html,Ajax,Dom,我是网络编程新手。我必须设计一个web应用程序。我想在html页面中使用Ajax。我已经学习了如何使用ajax，但我无法理解下面给出的html文档中的控制流：我通常用C语言编程。在那里，我可以计算出程序的流程，但不能在这个html文档中。请帮帮我该部分定义函数loadXMLDoc，html部分将其分配给按钮的onclick事件。函数应该非常简单。。。part为xmlhttp对象的onreadystatechange事件分配一个函数。我想问，它在函数中是否遵循自顶向下的方法？如果是，那么如何在

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

我通常用C语言编程。在那里，我可以计算出程序的流程，但不能在这个html文档中。请帮帮我

该部分定义函数loadXMLDoc，html部分将其分配给按钮的onclick事件。函数应该非常简单。。。part为xmlhttp对象的onreadystatechange事件分配一个函数。我想问，它在函数中是否遵循自顶向下的方法？如果是，那么如何在修改divisionmyDiv的innerhtml的代码之后编写OpenandSend方法呢？我认为在onreadystatechange之前应该编写open、send方法。函数如下：声明xmlhttp；根据浏览器使用正确的类型对其进行初始化；为readystatechange事件分配一个函数，该函数不会执行，只是分配：当onreadystatechange发生时，执行此操作；指定打开的请求的类型；发送请求；当请求得到响应时，将执行分配给事件onreadystatechange的函数内的代码并修改div

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