使用php和jquery ajax显示服务器时间
我试图用php和jquery ajax显示服务器的日期和时间。 以下是显示日期时间的jquery脚本
$(document).ready(function() { function update() { $.ajax({ type: 'POST', url: 'datetime.php', timeout: 1000, success: function(data) { $("#timer").html(''); window.setTimeout(update, 1000); }, }); } });
以下是datetime.php的php脚本
我不是出了什么问题。 它没有显示输出。 任何帮助
你几乎得到了它。 只需更新此行
$("#timer").html(data);
用法:
$(document).ready(function() { function update() { $.ajax({ type: 'POST', url: 'datetime.php', timeout: 1000, success: function(data) { $("#timer").html(data); window.setTimeout(update, 1000); } }); } update(); });
那是因为您将计时器div的内容设置为空。 你永远不会对返回的数据做任何事情。
改变这一行:
$("#timer").html('');
对此:
$("#timer").html(data);
它现在应该工作。
添加到您的js:
$(document).ready(function() { setInterval(function() { $("#timer").load("datetime.php"); }, 1000); });
datetime.php:
$(document).ready(function() { function update() { $.ajax({ type: 'POST', url: 'datetime.php', timeout: 1000, success: function(data) { $("#timer").html(data); window.setTimeout(update, 1000); }, }); } update(); });
如果在页面加载时显示日期时间,则使用如上所述,否则在Onclick事件上调用更新function,即显示日期时间