非常简单的 jQuery.load 示例不工作
[英]Very Simple jQuery .load Example Not Working
问题描述
我认为这是一个非常简单的问题，但我似乎无法让它发挥作用。 我需要使用 JavaScript （特别是 jQuery，显然）从页面中获取一些内容，并将其拉入另一个页面。 我已经对此进行了很多研究，但似乎连一个非常简单的例子都无法工作。
这是我试图从中获取内容的页面：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
</head>
<body>
<p>This is the test html page.</p>
</body>
</html>
这是我试图用来提取内容的页面：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>PullData</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</head>
<body>
<ol id="result"></ol>
<script type="text/javascript">
$('#result').load('test.html');
</script>
</body>
</html>
当我打开页面时，它似乎没有做任何事情。 我基本上要尝试遵循jquery.Z4D236D9A2D9A2C55FE6DFE6AD1C50DA4BEC50Z：Z80791B3AE7002CB2C2C2468C2C248C29.88C29FAPA.2C2CBBEC2C55FE.Z4D9AFA.Z4D2C59FA.2.RE476D9FAE76D9FAPA.2.2CBBEC.Z4D29.FAE76D9FAPA.2.2.2.2.2.2.23.1D9FAPA.RAPE
html 两个页面都在我的 C 驱动器的某个文件夹中。
我错过了什么？
在此先感谢您的帮助！
6 个解决方案
解决方案1
5 已采纳 2011-05-05 14:39:38
你使用的是什么浏览器？
由于同源策略，一些浏览器不允许 AJAX 请求到file:/// URL，即使原始文件是以这种方式加载的。 我知道 Chrome 是这样，但还没有测试过其他的。
你的.load()错误处理程序说什么？ 哦...
解决方案2
3 2011-05-05 14:39:32
您的页面末尾有您的脚本标签，这意味着一旦浏览器到达它，就会调用随附的 JS，这可能不会在 DOM 准备好之前（这意味着<ol>可能未设置为获取 test.html 的内容）。 尝试将负载包含在$(document).ready()回调中，如下所示：
<script type="text/javascript">
$(document).ready(function() {
$('#result').load('test.html');
});
</script>
另外，为什么要将完整的 HTML 页面插入有序列表？ 您应该尝试将 HTML 片段（没有头部和身体标签）放入内容持有者，例如<div>或<span> ，其中它在语义上是正确的。
如果这些都不起作用，请按如下方式附加回调：
$('#result').load('test.html', null, function(responseText, textStatus, xhr) {
alert(textStatus); // see what the response status is
});
解决方案3
3 2011-05-05 14:40:23
这似乎合乎逻辑。
在加载时检查 API，您可能想查看它是否实际加载，或者是否出现错误
$("#result").load("/not-here.php", function(response, status, xhr) {
if (status == "error") {
var msg = "Sorry but there was an error: ";
$("#result").html(msg + xhr.status + " " + xhr.statusText);
}
});
API 链接： http://api.jquery.com/load/
有时调试信息是任何解决方案的良好第一步。
解决方案4
2 2011-05-05 14:41:43
结束脚本标签在哪里？
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</head>
您的代码必须是
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
解决方案5
0 2011-05-05 14:39:35
您必须首先检查您的 HTML 是否准备就绪。
$(document).ready(function() {
$('#result').load('test.html');
});
解决方案6
0 2011-05-05 14:40:15
为确保#result1已加载，您需要一个document.ready事件处理程序：
<script type="text/javascript">
$(document).ready(function(){
$('#result').load('test.html');
});
</script>
希望这可以帮助。 干杯
为什么AngularJS在页面加载时没有自动绑定属性？ 包括非常简单的例子
[英]Why is AngularJS not autobinding property on page load? Very simple example included
非常简单的JavaScript / jQuery示例：意外的评估指令顺序
[英]very simple JavaScript / jQuery example: unexpected evaluation order of instructions
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.