使用AJAX刷新DIV，需要MySQL查詢+ PHP

我目前正在研究主要使用PHP/MySQL和HTML5編碼的網站，以便學習代碼並變得更好。我曾經爲使用AJAX重新加載最新帖子的論壇工作，就好像用戶剛剛刷新了網頁一樣，只是它在沒有完全重新加載的情況下動態更改內容。使用AJAX刷新DIV，需要MySQL查詢+ PHP

我的具體情況如下：本網頁加載從MySQL數據庫的四個最新的公告和（即將）的意見，並將其顯示最快 - >最新。它位於稱爲maincontent的div內部。

我想要做什麼：無論用戶是否刷新，都要使用AJAX動態顯示公告。它大概每5-10秒就會輪詢一次服務器。

我不打算保持主頁清爽，但一旦我添加更多的內容，這將是很好的知道如何定期刷新一個div。我已經閱讀了AJAX，但我不太瞭解所有的後勤，他們只是給你的代碼，並期望你拿起它。如果我不瞭解它，很難將代碼變形爲適用於我的網站。

抱歉，長時間閱讀並感謝所有答覆！

[.load]（http://api.jquery.com/load/）和[setInterval]（https://developer.mozilla.org/en-US/docs/DOM/window.setInterval）應該是一切你需要的。 – Blazemonger

我會在亞歷山大的答案上澄清你的。 load（）函數的作用是對給定的URL執行AJAX請求，然後將所選div的HTML設置爲返回的內容。這意味着你的服務器應該返回正確的HTML（並且只有你想要的HTML中的HTML）。

有關load（）的更多信息，您可以看到http://api.jquery.com/load/。

如果您計劃讓服務器返回信息的JSON（或XML）表示形式，則必須使用jQuery get（）（http://api.jquery.com/get/），然後用回調處理返回的數據。

注意，都得到（）和load（）是（）方法（http://api.jquery.com/jQuery.ajax/）

編輯的jQuery AJAX的簡單應用隱：

setTimeout只是讓瀏覽器調用x毫秒的函數。這是每隔x秒檢查一次。

2013-01-17 20:04:56

謝謝。這個解釋將幫助我根據自己的需要塑造代碼。 – MetalGear753

function reload_content() { 
    $('#latest_post').load('ajax/get_latest.php'); 
} 

window.setInterval(reload_content, 10000);

2013-01-17 18:52:37

回答