顯示數據庫動態內容使用php mysql和jquery

Question

最近，我正在與我的小型項目jQuery的工作。

我從這個資源獲取了一個代碼。 http://unwrongest.com/projects/airport/

我的代碼工作正常，這裏是我的代碼

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <script src="../jquery.airport-1.1.source.js"></script> 
    <script type="text/javascript"> 

    $(document).ready(function() { 
    $('#div1').airport([ 'user1', 'user2', 'user3' ]); 
    }); 
    </script> 

我的HTML身體標記看起來LIK這

<div id="div1"></div> 

現在，我有所謂的 「用戶」 表（附有領域'id'和'username'），我想從表 動態顯示用戶名，而不是上述腳本中的硬編碼值（即$('#div1').airport([ 'user1', 'user2', 'user3' ]);）

我該如何做到這一點？

Answer 1

你的PHP代碼：

<?php 
$sql = 'SELECT username FROM users'; 
$run = mysql_query($sql, $link); 

$users = array(); 
if($run && mysql_num_rows($run)) { 
    while(($fetch = mysql_fetch_assoc($run)) !== false) { 
     $users[] = $fetch[ 'username' ]; 
    } 
} 

// return string 
echo $users = implode(',', $users); 
?> 

你的JavaScript代碼：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="../jquery.airport-1.1.source.js"></script> 
<script type="text/javascript"> 
var users = []; 
$.get('getData.php', function(data) { 
    users = data.split(','); 
}); 

$(document).ready(function() { 
$('#div1').airport(users); 
}); 
</script> 

希望這有助於..

Answer 2

<script type="text/javascript"> 

$(document).ready(function() { 
    var imp_username = $('#implode_username').val(); 
    $('#div1').airport([ imp_username ]); 
    }); 

</script> 

<?php 

// Retrieve username the data from the "users" table 
$result = mysql_query("SELECT `username` FROM users") 
or die(mysql_error()); 

// store the record of the "users" table into $row 
$row = mysql_fetch_array($result); 
$implode_var = implode(",",$row['username']); 
?> 

<input type ="hidden" id ="implode_username" value="<?php echo $implode_var;?>" >