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>

现在，我有一个名为“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>

希望这会有所帮助..

使用php mysql和jquery显示数据库动态内容

2 个答案: