2014-01-06 1 views
0

다음 ajax 호출을 사용하여 Google charte를 성공적으로 준비하고 있습니다. 내 스크립트 myscript.php는 데이터베이스를 읽고 차트 열과 행 ($ array)을 준비한 다음 "echo json_encode ($ array)"로 끝납니다.ajax를 통해 PHP와 Google 차트간에 여러 데이터 배열 전달

그러나 myscript.php를 사용하여 실제 차트 위와 아래에 나타나는 머리글과 바닥 글 HTML을 어셈블해야합니다. 나는 데이터 배열 ($ array)과 두 개의 다른 변수 ($ header와 $ footer)를 drawChart() 자바 스크립트에 전달하는 방법을 찾기 위해 하루를 낭비했다. 그러면 최종 코드가 표시된다.

너트가 가기 전에 누군가가 도와 주거나 올바른 방향으로 나를 가리킬 수 있습니까? 감사!

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

답변

0

클라이언트 측에서 HTML을 생성 할 수 있습니까?
당신이 정말로 JSON에서 개체로 HTML을 보낼 수 있습니다 당신에게 필요한 경우 ..

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

는 JSON은 무엇보다도 클라이언트와 서버 간의 정보를 전송하는 쉬운 방법으로 작동하는 방법을 알고 있어야합니다. $ header 및 $ footer를 클라이언트 컴퓨터 (브라우저)에서 쉽게 사용할 수 없다는 것을 이해하십시오. 귀하의 스크립트는 JSMA 형식이 잘 작동하는 이유 인 이동 가능한 수단으로 변환해야합니다 (브라우저는 자바 스크립트를 구현합니다)

관련 문제