javascript — передает переменные формы PHP в Google Chart через AJAX.

У меня есть форма PHP выпадающего списка имен таблиц в базе данных, которая публикует выбор, сделанный пользователем. Я хочу использовать это опубликованное имя таблицы для создания диаграммы Google. У меня возникли проблемы с передачей переменной через AJAX в мой PHP-скрипт, который генерирует JSON для диаграммы Google.

Я знаю, что мой JSON отформатирован правильно, мне просто нужно, чтобы имя опубликованной таблицы было передано в PHP-скрипт, который создает объект JSON.

Вот код для JavaScript на странице, которая отображает диаграмму:

<script type="text/javascript">

// Load the Visualization API and the piechart package.
google.load('visualization', '1', {'packages':['corechart']});

// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);

function drawChart() {

//this is where I save the posted url parameter, format is tableDDL=tableName
var url = <?php echo json_encode($_POST) ?>;

var jsonData = $.ajax({
url: "getData.php",
type: "POST",
data: ({url: tableDDL}),
dataType:"json",
async: false
}).responseText;

// Create our data table out of JSON data loaded from server.
var data = new google.visualization.DataTable(jsonData);

// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, {width: 400, height: 240});
}

</script>

А вот мой PHP-скрипт, который генерирует объект JSON:

<?php

include 'dbConnect.php';

$table = $_POST['url'];

$sql = "SELECT row1, row2 from " . $table;

$array = array();

$array['cols'][] = array("id" =>"", "label" => "Row1", "pattern" => "", 'type' => 'string');
$array['cols'][] = array("id" =>"", "label" => "Row2", "pattern" => "", 'type' => 'number');

if ($result = $conn->query($sql)) {
while ($row = $result->fetch_assoc()) {
$array['rows'][] = array('c' => array( array('v' => $row["row1"]), array('v' => $row["row2"])));
}
}

echo json_encode($array);

?>

редактировать: Я обновил свой код до статического значения, которое я пытаюсь передать в мой скрипт PHP. Код все еще не работает.

Моя ошибка: JSQL ajax error: parsererror, SyntaxError: Unexpected token <

Вот обновленный JavaScript, который я пробовал:

<script type="text/javascript">

// Load the Visualization API and the piechart package.
google.load('visualization', '1', {'packages':['corechart']});

// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);

function drawChart() {

var jsonData = $.ajax({
url: "getData.php",
type: "POST",
data: '{table: tableDDL}',
dataType:"json",
async: false,
success: function(response, textStatus, jqXHR){
},
error: function(jqXHR, textStatus, errorThrown){
console.log("JSQL ajax error: " + textStatus + ", " + errorThrown);
},
complete: function(){
}

}).responseText;

var jsonChartData = $.parseJSON(jsonData);
console.log("jsonChartData: " + jsonChartData);

// Create our data table out of JSON data loaded from server.
var data = new google.visualization.DataTable(jsonChartData);

// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, {width: 400, height: 240});
}

</script>

А вот обновленный PHP, который следует вызывать из функции AJAX и получать переданные данные:

<?php

include 'dbConnect.php';

$table = $_POST['tableDDL'];

$sql = "SELECT row1, row2 from " . $table;

// check connection
if ($conn->connect_errno) {
printf("Connect failed: %s\n", $conn->connect_error);
exit();
}

$array = array();

$array["cols"][] = array("id" =>"", "label" => "Row 1", "pattern" => "", "type" => "string");
$array["cols"][] = array("id" =>"", "label" => "Row 2", "pattern" => "", "type" => "number");

if ($result = $conn->query($sql)) {
while ($row = $result->fetch_assoc()) {
$array["rows"][] = array("c" => array( array("v" => $row["row1"]), array("v" => $row["row2"])));
}
}

echo json_encode($array);

?>