Javascript load（）不加载html_Javascript_Jquery_Html

Javascript load（）不加载html

javascript jquery html

Javascript load（）不加载html,javascript,jquery,html,Javascript,Jquery,Html,请帮我找出我遗漏了什么这是我的html名为“test.html” 拉拉尔嗨借这是同一目录中的另一个html文件，其中包含： <div id="result"></div> <script type="text/javascript"> $(function() { $("#result").load("test.html"); }); </script> $（函数（）{ $（“#result”）.load（“test.h

请帮我找出我遗漏了什么

这是我的html名为“test.html”


拉拉尔

嗨
借

这是同一目录中的另一个html文件，其中包含：

<div id="result"></div>
<script type="text/javascript">
$(function() {
    $("#result").load("test.html");
});
</script>


$（函数（）{
$（“#result”）.load（“test.html”）；
});

但它没有加载任何内容

但是，这样做很好：

<div id="result"></div>
<script type="text/javascript">
$(function() {
    $("#result").html("i see this text");
});
</script>


$（函数（）{
$（“#结果”）.html（“我看到了这个文本”）；
});

如果您使用Chrome或IE9，请尝试监视XHR网络呼叫，查看有什么问题真的发生了。在chrome上，您可以通过

点击F12

单击网络按钮

单击控制台最底部的XHR标签

在控制台打开的情况下，执行代码不起作用的页面，并检查是否存在实际的数据交换

希望它有帮助

试试这个：

<div id="result"></div>
<script type="text/javascript">
$(function() {
    $("#result").load("/test.html"); // add "/"
});
</script>


$（函数（）{
$（“#result”）.load（“/test.html”）；//add/”
});

当我需要定期加载数据时，我只需创建一个动态加载的函数，这样我就可以在需要时调用它，或者在页面加载完成时调用它

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
        <script>
            function loadContent(divName,pageURL) {
                $("#" + divName).load(pageURL);
            }
            $(document).ready(function() {
                loadContent('createArea','create_login.php');
            });
        </script>
    </head>
    <body>
        <div style="float:left;width:500px;min-width:500px;min-height:200px;">
            <div id="createArea" name="createArea"></div>
        </div>
    </body>
</html>


函数loadContent（divName、pageURL）{
$（“#”+divName）.load（pageURL）；
}
$（文档）.ready（函数（）{
loadContent（'createArea'，'create_login.php'）；
});

如下所述，除非您运行的是WAMP服务器，否则这不会在本地执行。此外，如果加载的文件与包含此代码的页面不在同一目录中，则它们的路径可能需要是相对的。

您不能在本地运行ajax，它将在服务器上运行，或者您可以使用脚本标记注入您浏览器的JavaScript错误控制台告诉您什么？控制台不会显示任何错误。。。。我试图按照Benjamin的答案在我的服务器上实现一些功能，正如其他人所指出的，除非您有WAMP/Web服务器或类似的服务器，否则这不会在本地执行，并且可能需要检查相对路径，如kleinohad所示。

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
        <script>
            function loadContent(divName,pageURL) {
                $("#" + divName).load(pageURL);
            }
            $(document).ready(function() {
                loadContent('createArea','create_login.php');
            });
        </script>
    </head>
    <body>
        <div style="float:left;width:500px;min-width:500px;min-height:200px;">
            <div id="createArea" name="createArea"></div>
        </div>
    </body>
</html>