使用Ajax从另一个文件加载数据

Loading data from another file using Ajax

本文关键字：加载数据文件另一个 Ajax 使用更新时间：2023-09-26

我想让自己开始使用Ajax所以我只是想从一个文件中加载一些内容点击一个按钮但其他文件的内容没有加载

<!DOCTYPE html>
<html>
    <head>
        <script>
            function loadData()
            {
                var xmlhttp;
                if (window.XMLHttpRequest)
                {
                    xmlhttp=new XMLHttpRequest();
                }
                else
                {
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange=function()
                {
                    if (xmlhttp.readyState==4 && xmlhttp.status==200)
                    {                                    
                        document.getElementById("output").innerHTML=xmlhttp.responseText;
                    }
                }
                xmlhttp.open("GET","a1.html",true);
                xmlhttp.send();
            }
        </script>
        </head>
        <body>    
            <h2>AJAX</h2>
            <button type="button" onclick="loadData()">Request data</button>
            <div id="output"></div>    
        </body>
</html>

我明白了，我必须从服务器请求页面。不只是localhost

嗯。这段代码看起来一切都很好。也许你应该检查一下文件是否存在。还可以使用带有AJAX的本地文件，而不仅仅是带有服务器地址的url。