Question

我试图让自己开始使用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>

a1.html文件存在于此html文件所在的同一文件夹下。

Answer 1

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

Answer 2

嗯。这段代码看起来很棒。也许您应该检查文件是否存在。您还可以使用带有AJAX的本地文件，而不仅仅是具有服务器地址的URL。

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

2 个答案: