Как сохранить значения из переменных PHP в Javascript?

Question

Я новичок в веб-технологиях, и я хочу создать веб-приложение, которое позволяет пользователю щелкнуть по карте, и появится форма, и она позволит ему ввести определенную информацию. Эта информация сохраняется в базе данных. Теперь я не знаю, как извлечь эту информацию, потому что мне нужно создать маркеры на карте с долготой и широтой в качестве ее положения. Я не знаю, как передать значения из PHP переменных JavaScript

<?php 
    require_once("mysqli_connect.php"); 

    $query = "SELECT * FROM markeri"; 

    $response = @mysqli_query($dbc, $query); 

    if($response){ 
     while($row = mysqli_fetch_array($response)){ 
      $naziv = $row['naziv']; 
      $opis = $row['opis']; 
      $email = $row['email']; 
      $latitude = $row['latitude']; 
      $longitute = $row['longitute']; 


     } 
    } 

?> 

Это код для вытягивать данные из базы данных. Теперь мне нужно создать маркеры на карте со всей информацией из базы данных.

var marker = L.marker(e.latlng); 
marker.addTo(mymap).bindPopup(form).openPopup(); 

<div id="form"> 
    </br> 
    Naziv:</br> 
    <h1 id="naziv"></h1></br></br> 
    Opis problema:</br> 
    <p id="opis"></p> </textarea></br> 
    E-mail:</br> 
    <h3 id="email"> </h3></br></br> 
</div> 

Я использую API-интерфейс Leaflet для взаимодействия с картой. Мне нужно создать маркеры, заменив e.latlng (который представляет собой массив JS) с широтой и долготой, вытащенными из базы данных с PHP и сделав маркер в этой позиции. Мне нужно заполнить информацию в «форме» выше, а также для каждого отдельного маркера.

Это таблица в базе данных:

Answer 1

если у вас есть Jquery вобще http://api.jquery.com/jquery.ajax/

$.ajax({ 
    method: "GET", 
    url: "some.php" 
}) 
.success(function(res) { 
    //If all ok you will get Object as a responce 
    console.log(JSON.parse(res)); 
}); 

Insode You some.php сценарий $data is object that you need.

echo json_encode($data);

Теперь только в обработчике успеха. Loop и добавьте элементы в таблицу, div, независимо от использования JQuery или чистого JavaScript.

Похоже на это. http://api.jquery.com/append/

$("p").append("<strong>Hello</strong>");

Вы можете проверить другие методы. Это просто пример.

Надеюсь, это поможет.