如何在沒有頁面刷新的情況下從MySql數據庫更新信息？ （使用jQuery/AJAX）

Question

我想這是那種簡單的問題，但我不是AJAX的傢伙，試了一下，但我還是不明白吧）））

這裏的情況是：

1）我得到一個隨機的網址數據庫，從

$sql = ("SELECT url FROM url_table ORDER BY RAND() LIMIT 1"); 

     while($row = mysql_fetch_array($sql)){ 

      $url = $row["url"]; 

    } 

2）比我展示網站，有URL = $網址在IFRAME

<iframe src="<?php echo "$url"; ?>"></iframe> 

3）然後，我有<button id="Next url">點擊它時，刷新網頁，因此新的隨機URL是從數據庫中選擇，並顯示在

---

我想要做的是同樣的過程，但沒有頁面刷新。理想的情況是過程應該是這樣的：

用戶點擊「下一個按鈕」新的URL之後，從數據庫>>選擇>>新的隨機$網址，以獲取在iframe中迴盪（<iframe src="<?php echo $url?>"）>> iframe顯示新網站。

所有這一切都沒有

（使用AJAX，如果可能的jQuery）。而如果可能的話請你建議如何在iframe中顯示loading.gif形象，而信息是越來越更新和加載

謝謝））刷新頁面）

Answer 1

首先，製作一個只有吐出iframe的頁面（沒有其他HTML，只有1個標籤）。讓我們假設這個頁面在www.yourwebsite.com/random_iframe.php

接下來，將JQuery JS添加到您的主頁面。 在主頁上，包裹的iframe在一個div一個id，如：

<div id="frm"><iframe src="<?php echo "$url"; ?>"></iframe></div> 

然後更新按鈕

<button id="Next url" onclick="show_next();return false;"> 

最後，添加JS

function show_next() 
{ 
    $('#frm').load('random_iframe.php'); 
} 

這JQuery的上面的代碼選擇ID'frm'，並用'random_iframe.php'頁面返回的內容替換它的內容。