显示数据库动态内容使用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;?>" >