2012-01-06 93 views
1

HTML5画布roullete我试图将数据加载到HTML5的Canvas轮盘赌,我发现在这里: http://www.switchonthecode.com/tutorials/creating-a-roulette-wheel-using-html5-canvas将数据加载到使用AJAX

我增加了一个按钮叫器会从一个php文件加载数据。数据是一个名称数组。然后我将它分配给人员数组。然后调用drawRouletteWheel()。 drawRouletteWheel使用来自人员数组的数据。

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); 
    } 

东西实际上是被加载到轮盘赌,但它似乎是不完整的。而萤火也回到什么? enter image description here

什么我需要在这里做好像从PHP文件不被视为一个数组,返回的数据。

+0

的感谢!有用。我从来没有想过我仍然需要解析它。 – user225269 2012-01-06 11:08:45

+0

对不起,评论是一个权宜之计,而我打出了正确的答案 – Grexis 2012-01-06 11:10:53

回答

2

从php页面返回的数据被视为一个字符串,因此您可以获取单个字母,因为javascript会获取每个索引处的字符。

要解决这个问题:

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