如何在jQuery數組中插入PHP的while循環數據？

Question

我想在jQuery數組中插入while循環用戶數據。

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

請嘗試此示例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
    });

Answer 2

您應該首先在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
}
?>

然后通過json_encode將（= echo）傳遞給javascript：

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

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