jQuery:透過AJAX 每10 秒更新一次回饋顯示
出現一個場景,您希望使用AJAX 每10 秒更新一次回饋div 。為此,您可以使用以下 jQuery 和 PHP 程式碼。
jQuery 腳本:
<code class="javascript">$(document).ready(function(){ setInterval(get_fb, 10000); }); function get_fb(){ var feedback = $.ajax({ type: "POST", url: "feedback.php", async: false }).responseText; $('div.feedback-box').html(feedback); }</code>
PHP 腳本:
<code class="php">$result = mysql_query("SELECT * FROM feedback ORDER BY RAND() LIMIT 0,1"); while($row = mysql_fetch_array($result)) { $name = $row['name']; $location = $row['location']; $feedback = $row['feedback']; echo " <p>Name: $name, Location: $location, Feedback: $feedback.</p> "; } </code>此程式碼使用setInterval() 函數每10 秒呼叫
get_fb() 函數。 get_fb() 函數使用 AJAX 請求從資料庫檢索回饋數據,並使用檢索到的回饋更新 div 的內容。 替代選項:
如果您想在AJAX 呼叫成功後才執行get_fb()
函數,可以使用.ajax().success () 回呼:以上是如何在 jQuery 中每 10 秒使用 AJAX 更新一次回饋顯示?的詳細內容。更多資訊請關注PHP中文網其他相關文章!