使用ajax将数据加载到html5 canvas roullete中

Question

我正在尝试将数据加载到我在此处找到的html5画布轮盘中： http://www.switchonthecode.com/tutorials/creating-a-roulette-wheel-using-html5-canvas

我添加了一个名为loader的按钮，它将从php文件中加载数据。数据是一组名称。然后我将它分配给people数组。然后调用drawRouletteWheel（）。 drawRouletteWheel使用people数组中的数据。

var people = [];
    $('#loader').click(function(){
        $.post('loader.php', function(data){
            people = data;
            drawRouletteWheel();

        });
    });

loader.php文件只加载从mysql数据库获取的随机记录：

$select_random = $db->get_results("SELECT people FROM tbl_people ORDER BY RAND() LIMIT 12");
    if(!empty($select_random)){
        foreach($select_random as $k=>$v){
            $data[] = $v->people;
        }
        echo json_encode($data);
    }

实际上有些东西被装入轮盘赌但似乎不完整。萤火虫也回来了：

我需要在这做什么？好像从php文件返回的数据不会被视为数组。

Answer 1

从php页面返回的数据被视为字符串，因此当javascript获取每个索引处的字符时，您将获得单独的字母。

解决此问题：

var people = [];
    $('#loader').click(function(){
        $.post('loader.php', function(data){
            people = $.parseJSON(data);
            drawRouletteWheel();
    });
});