使用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身體標簽看起來像這樣

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

現在，我有一個名為“ users”的表（具有字段“ id”和“ username”），我想從表中動態顯示用戶名，而不是上述腳本中的硬編碼值（即$('#div1').airport([ 'user1', 'user2', 'user3' ]); ）

我怎樣才能做到這一點？

Answer 1

<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;?>" >

Answer 2

您的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>

希望這可以幫助..