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

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

javascript ajax

Javascript 使用Ajax从另一个文件加载数据,javascript,ajax,Javascript,Ajax,我正在尝试开始使用Ajax，所以我只是尝试在单击按钮时从一个文件加载一些内容，但没有加载其他文件的内容 <!DOCTYPE html> <html> <head> <script> function loadData() { var xmlhttp; if (window.XMLHttpRequest)

我正在尝试开始使用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>


函数loadData（）
{
var-xmlhttp；
if（window.XMLHttpRequest）
{
xmlhttp=新的XMLHttpRequest（）；
}
其他的
{
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
}
xmlhttp.onreadystatechange=函数（）
{
if（xmlhttp.readyState==4&&xmlhttp.status==200）
{                                    
document.getElementById（“输出”）.innerHTML=xmlhttp.responseText；
}
}
open（“GET”，“a1.html”，true）；
xmlhttp.send（）；
}
AJAX
请求数据

a1.html文件位于该html文件所在的同一文件夹下。

我得到了它，我必须从服务器请求该页面。不仅仅是localhost

Hmmm。使用这段代码，一切看起来都很好。也许你应该检查一下这个文件是否存在。

您还可以将本地文件与AJAX一起使用，而不仅仅是带有服务器地址的URL。

如果您确定路径正确，请再次检查。。请检查“a1.html”文件是否位于上述文件所在的同一文件夹中。您的代码对我来说运行良好。