Как вставить данные цикла php в массив jQuery?

Question

Я хочу вставить пользовательские данные во время цикла в массив jQuery.

<?php 

    while($get_users_table_details = mysql_fetch_array($deatails)) {


        if(empty($get_users_table_details["photo"])) { $pics = "photos/avatar.gif"; } else { $pics = "photos/".strip_tags($get_users_table_details["photo"]).""; }

        ?>

Код сценария между циклом while

$(document).ready(function(){

        $("#full").mention({
            users: [{
                name: '<?php echo $get_users_table_details['fullname'];?>',
                username: '<?php echo $get_users_table_details['username'];?>',
                image: '<?php echo $pics;?>'
                   }]     });
});
    </script>

end of script

}
end of while loop

Проблема в том, что здесь отображаются сведения о пользователе только одного пользователя. Однако я хочу, чтобы все данные пользователя отображались, как на этом рисунке:

Answer 1

Сначала вы должны собрать массив пользователей в php:

<?php

$users = []; // instatiate an empty array

while($get_users_table_details = mysql_fetch_array($deatails)) {
    // build a user-array as needed later
    $user = [];
    $user['name'] = $get_users_table_details['fullname'];
    $user['username'] = $get_users_table_details['username'];
    if(empty($get_users_table_details["photo"])) { 
         $user['image'] = "photos/avatar.gif"; 
    } else { 
         $user['image'] = "photos/".strip_tags($get_users_table_details["photo"]); 
    }
    $users[] = $user;  // add this user to the array of users
}
?>

Затем передайте (= echo) это в javascript через json_encode:

<script>
$(document).ready(function(){

    $("#full").mention({
        users: <?php echo json_encode($users); ?>
    });
});
</script>

Answer 2

Пожалуйста, попробуйте этот образец кода JavaScript.

    var users = <?php echo json_encode($get_users_table_details ) ?>;
    $.each(users, function(key, value) {
        console.log('stuff : ' + key + ", " + value);
        // Do everything you want
    });