2016-12-16 119 views
0
清爽頁面

我需要一些幫助,我有以下代碼:獲取從數據庫中隨機數據,而不

$query = mysql_query("SELECT * FROM tutorial ORDER BY RAND() LIMIT 1"); 
$result = mysql_fetch_array($query); 
$title = $result["title"]; 
$text = $result["text"]; 
$id = $result["id"]; 

我在HTML中的不同部分使用這個變量($title,$text,$id)。 另外,我需要這個數據,當我加載頁面,當我按下「刷新無刷新頁面」按鈕。 如果有人可以向我解釋我怎樣才能再次獲取一個隨機數據,而不刷新頁面,將是真棒:))

+2

閱讀關於AJAX – Dekel

+1

Ajax是你需要了解的內容:瞭解更多這裏http://www.w3schools.com/xml/ajax_intro.asp –

+0

是的,但我需要在HTML的不同部分這個變量,當我再次按下刷新按鈕後加載頁面需要這個隨機變量。 –

回答

1

創建一個文件random_tutorials.php,並讓它每次刷新以獲得一個隨機教程。按照你的想法來設計它。

接下來在你要加載的頁面上創建一個id爲「rand_tut」的div 然後添加一個id =「button」的按鈕並在下面添加代碼。不要忘記首先加載jquery。 你需要做一個Ajax調用,也許用jQuery

<script> 
    $("#button").click(function(){ 
     $.ajax({url: "random_tutorials.php", success: function(result){ 
      $("#rand_tut").html(result); 
     }}); 
    }); 
</script> 

工作例如: http://codepen.io/kkoutoup/details/zxmGLE/

另一種簡單的 http://jsfiddle.net/t35F9/1/

+0

是的,已經嘗試過,但這個變量是在不同的部分,HTML。也不會從第一次加載頁面加載這個隨機變量。 –

+0

thx夥計,第一個例子很有趣,但我怎麼說第一個: 1.我需要這個變量在html的不同部分。 –

+0

@igor發佈你的html,所以我們可以看到你需要什麼,因爲這不會爲你回答它 – happymacarts