php和javascript交互：传递数组

[php] view plaincopy
 
  1. <?php  
  2.     $mysqli = new mysqli('localhost','root','root','datbas');  
  3.     $sql = "select * from itg1 order by pv desc ,uv desc limit 10";  
  4.     $result = $mysqli->query($sql);  
  5.     $host = array();  
  6.     $pv = array();  
  7.     $uv = array();  
  8.     while($row = $result->fetch_assoc()){  
  9.         $host[] = $row['host'];  
  10.         $pv[] = intval($row['pv'])/1000000;  //百万  
  11.         $uv[] =intval($row['uv'])/10000;  //万  
  12.         //echo $row['host']."|".$row['pv']."|".$row['uv']."<br/>";  
  13.           
  14.     }  
  15.     //var_dump($host);  
  16.     //echo "<br/>"."<br/>";  
  17.     //var_dump($pv);  
  18.     //echo "<br/>"."<br/>";  
  19.     //var_dump($uv);  
  20.     //$hostj = json_encode($host);  
  21.     //$pvj = json_encode($pv);  
  22.     //$uvj = json_encode($uv);  
  23.   
  24. ?>  
  25. <html>  
  26. <head>  
  27.    <script type="text/javascript" src="http://www.t1xy.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>  
  28.    <script type="text/javascript" src="http://www.t1xy.com/highcharts.js"></script>  
  29.    <script>  
  30.     var hostj = <?php echo json_encode($host)?>;  
  31.     var pvj = <?php echo json_encode($pv)?>;  
  32.     var uvj = <?php echo json_encode($uv)?>;  
  33.     /*for(i in pvj){ 
  34.         alert(i); 
  35.         alert(pvj.i); 
  36.     }*/  
  37.     $(function (){  
  38.         $('#container').highcharts({  
  39.             chart: {  
  40.                 type: 'column'  
  41.             },  
  42.             title: {  
  43.                 text: 'Traffic of the Top 10 Websites in China'  
  44.             },  
  45.             xAxis: {  
  46.                 categories: hostj  
  47.             },  
  48.             yAxis: {  
  49.                 title: {  
  50.                     text: 'visit'  
  51.                 }  
  52.             },  
  53.             series: [{  
  54.                 name: 'pv(百万)',  
  55.                 data: pvj  
  56.             }, {  
  57.                 name: 'uv(万)',  
  58.                 data: uvj  
  59.             }]  
  60.         });  
  61.     });  
  62.    </script>  
  63. </head>  
  64.       
  65. <body>  
  66.    <div id="container" style="min-width:800px;height:400px;"></div>  
  67. </body>  
  68. </html>  
posted @ 2014-05-22 12:09  ：快乐王子  阅读(925)  评论(0)  编辑  收藏  举报