我已经在互联网上搜索了几个小时,但仍然无法让这个简单的示例正常工作。我希望有人能帮助我。我正在尝试使用 Javascript 来显示 php 文件的内容。显示应该经常刷新,因为最终它将用于显示来自 MySql 数据库的文本匹配项,这些匹配项与搜索栏(类似于 Google 的搜索栏)中输入的字符相匹配。我将为此使用 setinterval,但我还没有。我的问题是我只有极少的 javascript/AJAX 经验,但无法使其正常工作。我已经把它简化为一个简单的要求,但仍然无法让它工作。请提出无效的建议:
内容应该可见的 index.html 是:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
</head>
<body>
<script type="text/javascript">
$().ready(function() {
$("#dynamic").load("blasty.php");
});
</script>
<div id="dynamic"></div>
</div>
</body>
</html>
blasty.php 包含:
<?php
echo "hello cruel world!";
?>
提前致谢!
最佳答案
确保您的 blasty.php 文件位于同一域中。
此外,为了帮助调试 javascript,请在 Chrome 或 Firefox 中右键单击并转到“检查元素”。然后转到控制台窗口,它将显示大多数错误。
我还推荐这个关于 javascript 的 youtube 视频。它帮助我弥合了一些 javasrcipt 陷阱的差距。 http://www.youtube.com/watch?v=ljNi8nS5TtQ
这是关于调试器的链接:https://developers.google.com/chrome-developer-tools/
正如@Explosion Pills 所说,FireFox 的 Firebug 是另一个不错的选择。我将使用两者来帮助调试 javascript。 Firebug 很好,因为在 Net 选项卡下,它会显示在后台发生的实际 http 请求,包括参数、响应、 header 信息等。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
$("#dynamic").load("blasty.php");
});
</script>
<div id="dynamic"></div>
</div>
</body>
</html>
关于php - 非常简单的 Javascript 部分页面刷新调用 .php 页面不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14699683/