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のbodyタグは、今、この

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