使用 jQuery 每 10 秒用 php 数据刷新一个 div
Posted
技术标签:
【中文标题】使用 jQuery 每 10 秒用 php 数据刷新一个 div【英文标题】：Refresh a div with php data every 10 seconds using jQuery 【发布时间】：2013-04-06 14:29:18 【问题描述】：我正在尝试使用 jQuery 每 10 秒刷新一次存储在 div 中的数据。
我的 html 代码是：
<!DOCTYPE html>
<head>
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function()
setInterval(function()
$("#latestData").load("getLatestData.php #latestData");
, 10000);
);
</script>
</head>
<body>
<div id = "latestData">
</div>
</body>
</html>
我正在使用的 PHP 代码（暂时我知道这不会因为相同的“数据”而改变）：
<?php
echo "test";
?>
但是，它甚至没有在 html 页面上显示“测试”.. 谁能建议我哪里出错了？
非常感谢
【问题讨论】：
【参考方案1】：jQuery load 方法以不同的方式工作。尝试阅读其documentation。
您不必指定目标元素 ID 两次，删除第二个，如下所示：
$("#latestData").load("getLatestData.php");
【讨论】：
啊，完美，知道这会很简单！非常感谢！另一个小问题，文本仅在 10 秒后出现，有没有办法让它立即出现，然后在 10 秒后刷新？ @New_programmer 有很多方法可以做到这一点，看这个问题：***.com/questions/6685396/…【参考方案2】：这是一种解决您想要实现的目标的方法，使用 jQuery 中的 $.get 方法：
$(document).ready(function ()
setInterval(function()
$.get("getLatestData.php", function (result)
$('#latestData').html(result);
);
, 10000);
);
【讨论】：
【参考方案3】：如果您想刷新消息计数，只需使用以下代码：
$(document).ready(function ()
setInterval(function ()
$("#ID").load();
, 1000);
);
【讨论】：
以上是关于使用 jQuery 每 10 秒用 php 数据刷新一个 div的主要内容，如果未能解决你的问题，请参考以下文章
使用 TimerTask 每 5 秒用 Java 编写一个文件
使用 jQuery 的 $.ajax( ) 函数从 php 文件中获取 JSON 数据不起作用