我目前正在开发一个主要使用PHP / MySQL和HTML5编码的网站,作为学习代码并变得更好的一种方法。我曾经在一个使用AJAX重新加载最新帖子的论坛上工作,好像用户刚刚刷新了网页,除了它只是动态地更改了内容而没有完全重新加载。
我的网页:http://vgrnews.com
我的具体情况如下:主页加载了MySQL DB的四个最新公告和(即将发布)评论并最快显示 - >最新。它位于一个名为maincontent的div中。
我想做的事情:无论用户是否刷新,都要使用AJAX动态显示通知。它可能大约每5-10秒轮询一次服务器。
我不打算让主页保持清醒,但是一旦我添加了更多内容,最好知道如何定期刷新div。我已经阅读了AJAX,但我并不完全了解所有的物流,他们只是给你代码并期望你去拿它。如果我不理解,很难将代码变形为适用于我的网站。
对不起,长时间阅读并感谢所有回复!
答案 0 :(得分:1)
function reload_content() {
$('#latest_post').load('ajax/get_latest.php');
}
window.setInterval(reload_content, 10000);
答案 1 :(得分:0)
我将澄清亚历山大给你的答案。 load()函数正在做的是对给定的URL执行AJAX请求,然后将所选div的HTML设置为返回的内容。这意味着您的服务器应该返回正确的HTML(并且只返回该div中所需的HTML)。
有关load()的详细信息,请参阅http://api.jquery.com/load/。
如果您计划让服务器返回信息的JSON(或XML)表示,则必须使用jQuery get()(http://api.jquery.com/get/),然后处理带回调的返回数据。
请注意,get()和load()都只是jQuery ajax()方法的隐式应用程序(http://api.jquery.com/jQuery.ajax/)<
编辑:
setTimeout只是让浏览器调用该函数x毫秒。这是每隔x秒检查的内容。