请帮我弄清楚我错过了什么。
那是我的名为“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>
当我需要定期加载数据时，我只需创建一个动态加载的函数，这样我就可以在需要时调用它，或者在页面加载完成时调用它
<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.
如果您使用 Chrome 或 IE9，请尝试监控 XHR 网络调用以查看 实际情况。在 chrome 上，您可以通过以下方式监控 XHR 调用
希望能帮助到你
试试这个：
<div id="result"></div>
<script type="text/javascript">
$(function() {
$("#result").load("/test.html"); // add "/"
});
</script>