Как передать данные с MySQL в JavaScript?

480

26 ноября 2016, 20:23

Я по примеру создал карту http://codepen.io/SitePoint/pen/KDHfh. Но мне данные необходимо брать из БД (MySQL) а не вписывать в файл вручную. Я создал index.php Файл в котором создал подключение к БД и сделал тестовый вывод данных:

введите сюда код
$query = "SELECT * FROM `map`";
$res = mysql_query($query);
while($row = mysql_fetch_array($res))
{
echo "Region: ".$row['region_name']."<br>\n";
echo "Code of region: ".$row['region_code']."<br>\n";
echo "Value: ".$row['value']."<br><hr>\n";
}

Вот теперь мне надо эти переменные связать с JavaScript (map.js) Там есть следующие строчки, которые влияют на цвет карты и название регионов:

введите сюда код
var regions=[
{
    "region_name": "region-1",
    "region_code": "id_x5F_1",
    "value": "10"
}
];

Answer 1

В index.php инициализируйте ваш массив точек:

$query = "SELECT * FROM `map`";
$res = mysql_query($query);
echo '<script>
    var regions=[';
while($row = mysql_fetch_array($res))
{
    echo '{"region_name": "'.$row['region_name'].'",';
    echo '"region_code": "'.$row['region_code'].'",';
    echo '"value": "'.$row['value'].'"},';
}
echo '</script>';