1

请帮我弄清楚我错过了什么。

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

<div id="div-test">
lalalalaal
    <ul>
        <li>Hi</li>
        <li>By</li>
    </ul>
</div>

这是同一目录中的另一个 html 文件,其中包含以下内容:

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

但它不加载任何东西。

但是,这很好用:

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

3 回答 3

2

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

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

As noted below, this will not execute locally unless you're running a WAMP server. Also the paths to the files you are loading may need to be relative if they are not residing in the same directory as the page with this code.

于 2012-08-12T15:41:53.420 回答
1

如果您使用 Chrome 或 IE9,请尝试监控 XHR 网络调用以查看 实际情况。在 chrome 上,您可以通过以下方式监控 XHR 调用

  1. 点击 F12
  2. 点击网络按钮
  3. 单击控制台最底部的 XHR 标签。
  4. 在控制台打开的情况下,执行代码不起作用的页面并检查是否存在实际的数据交换。

希望能帮助到你

于 2012-08-12T15:35:34.543 回答
0

试试这个:

<div id="result"></div>
<script type="text/javascript">
$(function() {
    $("#result").load("/test.html"); // add "/"
});
</script>
于 2012-08-12T15:38:35.140 回答