2012-10-10 75 views
1

其實我正在嘗試爲使用jQChart插件的所有報表執行圖表圖表。我已經完成了PHP的圖形報告,但我的頭部需要動畫報告,所以我去jQChart,但我不知道如何將assoc數組值傳遞給Ajax。在PHP中將關聯數組值傳遞給Ajax MySQL

$results = mysql_query("SELECT vaccum_value,date FROM vaccum_details where serial_number='10P1005'"); 
$data1=array(); 
while ($row = mysql_fetch_array($results)) 
{ 
    $data1[$row['date']]=$row['vaccum_value']; 
} 

$data = Array ("28-Sep-2012" => 31.6, "04-Oct-2012" => 0.99, "03-Oct-2012" => -3); 

但我需要通過這個結果Ajax和然後轉化成此下面喜歡:

數據:[['28 -sep-2012' ,31.6],['04 - 辛-2012' ,0.99],[03 - 辛2012' ,-3]]

詳細腳本以供參考:

<script lang="javascript" type="text/javascript"> 
$(document).ready(function() { 
$('#jqChart').jqChart({ title: { text: 'Animation' }, animation: { delayTime: 1, duration: 2 }, series: [ { type: 'line', title: 'Line', data: [['A', 69], ['B', 57], ['C', 86], ['D', 23], ['E', 70], ['F', 60], ['D', 88], ['H', 22]] } ] }); }); 
</script> 
+0

我通過使用php獲取mysql的結果。我使用了assoc數組。這裏下面我的代碼: –

+2

不要在評論中發佈你的代碼..你可以編輯你的問題 –

+0

我得到了如下結果。 $ data = Array(「2012年9月28日」=> 31.6,「2012年10月4日」=> 0.99,「2012年10月3日」=> -3); 但我需要將此結果傳遞給ajax,然後轉換爲如下所示: data [['28 -Sep-2012',31.6],['04 -Oct-2012',0.99],['' 2012年3月3日',-3]] –

回答

1

編碼陣列全光照g JSON並傳遞給jQuery。

json_encode($array); 
jQuery中

,解析JSON字符串來獲取數組值:

jQuery.parseJSON(jsonstring); 

檢查:http://php.net/manual/en/function.json-encode.phphttp://api.jquery.com/jQuery.parseJSON/

廣場jQuery的PHP腳本使用jQuery.get通話 - http://api.jquery.com/jQuery.get/

+0

感謝您的幫助...如何傳遞數組? –

+0

檢查編輯。您可以使用任何ajax調用。 jQuery.get只是一種方法。 – janenz00

0
$results = mysql_query("SELECT vaccum_value,date FROM vaccum_details where serial_number='10P1005'"); 
$data1=array(); 
while ($row = mysql_fetch_array($results)) 
{ 
    $data1[$row['date']]=$row['vaccum_value']; 
} 
json_encode($data1); 

在你的jQuery + ajax

$.ajax({ 
     type:"POST", 
     data:'serial_number=10P1005', 
     url: "your_file.php", 
     success: function(jsonData){ 
      var jsonArray = eval('(' + jsonData + ')'); 

      if(jsonArray.date == 'condition'){ 
       // some action here 
      }else{ 
       // some other action hera 
      } 



     } 
    },"json"); 
+0

嗨學習者感謝您的回答...我可以理解您的代碼,但我不知道如何加入您的代碼與我的代碼...我應該添加jqchart代碼到您的代碼,我已經張貼在上面? –

+0

這是正確的嗎?(文本:'動畫')。(文本).ready(function(){('#jqChart')。jqChart({文本:'動畫'}} , 動畫:{ delayTime:1, 時間:2 }, //jQuery.parseJSON(jsonstring); VAR OBJ = jQuery.parseJSON(jsonstring); 警報(OBJ); 系列:[ { type:'line', title:'Line', data:[['A',69],['B',57],['C',86],['D',23], ['E',70],['F',60],['D',88],['H',22]] } ] }); }); ' –

+0

嗨janenz,這是正確的嗎? –