通過AJAX

Question

傳遞PHP和谷歌之間的圖表多個數據陣列我使用下面的AJAX調用成功準備谷歌charte。我的腳本myscript.php讀取數據庫，準備圖表的列和行（$ array），然後以「echo json_encode（$ array）」結束。

但是，我需要myscript.php來組裝一些頁眉和頁腳HTML，它們會出現在實際圖表的上方和下方。我浪費了大部分時間試圖找出如何將數據數組（$ array）和其他兩個變量（$ header和$ footer）傳遞迴drawChart（）JavaScript，然後它將呈現最終代碼。

有人可以幫忙或指點我在正確的方向之前，我瘋了。謝謝！

function drawChart() { 
    var jsonData = $.ajax({ 
     url: "myscript.php", 
     dataType:"json", 
     async: false 
     }).responseText; 
    var dataTable = new google.visualization.DataTable(jsonData); 
    var options = { 
     'is3D':      false, 
     'width':     310 
    }; 
    var chart = new google.visualization.PieChart(document.getElementById('chart')); 
    chart.draw(dataTable, options); 
    } 

Answer 1

你不能在客戶端生成HTML嗎？
如果你真的需要，你可以發送HTML作爲JSON對象..

{ "header": "<h2>Header</h2>", "footer": "<p>Footer</p>", "data": [] } 

確保您瞭解JSON如何工作的一個簡單的方法來傳輸客戶端和服務器，除其他事物之間的信息。理解$ header和$ footer在客戶端機器（瀏覽器）上不可用;你的腳本必須將它們轉換爲可轉讓的手段，這就是爲什麼JSON格式的這麼好（瀏覽器實現JavaScript）的