원래 여기에 게시 : Trying to load Google charts through a (jQuery)ajax call하지만 내 코드는 약간 수정되었지만 여전히 올바르게 작동하지 않습니다.jQuery ajax 호출을 통해 Google 차트를로드하려고 시도했습니다.
결과를로드하고 새로 고치지 않고 동일한 페이지에 표시하는 폴링 함수를 작성하려고합니다. Google 차트 api 및 jquery ajax를 사용하고 있습니다. 난 그냥 가짜 JSON 데이터 뱉어 한 내 query.php 페이지의 momemnt에서
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1.0', {'packages':['corechart']}); // Load the Visualization API and the piechart package.
google.setOnLoadCallback(function(){ $("#poll_yes").removeAttr('disabled'); });
function drawChart(rows)
{
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Answers');
data.addColumn('number', 'Number');
data.addRows(rows);
// Set chart options
var options =
{
'title' :'Do you Like my poll?',
};
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
jQuery(document).ready(function() {
$.ajaxSetup ({
cache: false
});
var ajax_load = "<img src='images/loading.gif' alt='loading...' />";
$("#poll_yes").click(function(){
$("#result").html(ajax_load);
$.post(
"query.php",
{answer: "yes", poll_id: 5},
function(response){
drawChart(response);
}
);
});
});
</script>
<input type="submit" value="yes" disabled="disabled" id="poll_yes"/>
<div id="result"><div id="chart_div"> </div></div>
:
메인 페이지 나는이가 내가 공격 후
<?php
if(isset($_POST['answer']))
{
echo "{\"yes\": 14,\"no\": 9}";
}
else
{
echo "{\"yes\": 9,\"no\": 14}";
}
?>
을 '예' 버튼 만 누르면 ajaxloader.gif 이미지가 표시됩니다.
저는 매우 좌절감을 느낍니다. 왜 이런 일이 일어나고 있는지 알 수 없습니다.
google.load('visualization', '1.0', {'packages':['corechart']}); // Load the Visualization API and the piechart package.
하나 더 추가 : 어떤 도움을하여 drawChart 기능이 제대로 작동하는 경우
기능 사이트에 대한 링크가 있거나 jsFiddle에 코드를 게시 할 수 있습니까? –