使用需要MySQL查询+ PHP的AJAX刷新DIV

时间:2013-01-17 18:46:14

标签: php mysql ajax jquery web

我目前正在开发一个主要使用PHP / MySQL和HTML5编码的网站,作为学习代码并变得更好的一种方法。我曾经在一个使用AJAX重新加载最新帖子的论坛上工作,好像用户刚刚刷新了网页,除了它只是动态地更改了内容而没有完全重新加载。

我的网页:http://vgrnews.com

我的具体情况如下:主页加载了MySQL DB的四个最新公告和(即将发布)评论并最快显示 - >最新。它位于一个名为maincontent的div中。

我想做的事情:无论用户是否刷新,都要使用AJAX动态显示通知。它可能大约每5-10秒轮询一次服务器。

我不打算让主页保持清醒,但是一旦我添加了更多内容,最好知道如何定期刷新div。我已经阅读了AJAX,但我并不完全了解所有的物流,他们只是给你代码并期望你去拿它。如果我不理解,很难将代码变形为适用于我的网站。

对不起,长时间阅读并感谢所有回复!

2 个答案:

答案 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秒检查的内容。