将数据加载到使用AJAX

问题描述：

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文件不被视为一个数组，返回的数据。

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

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

答

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

要解决这个问题：

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

将数据加载到使用AJAX

相关推荐