2016-11-20 60 views
1

我是新来的网络技术,我想创建一个Web应用程序,允许用户点击地图上和形式会弹出,它会允许他进入某些信息。该信息保存在数据库中。现在我不知道如何提取这些信息,因为我需要在地图上以经度和纬度为位置创建标记。我不知道如何将php变量的值传递给javascript如何将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> 

我正在使用Leaflet API与地图进行交互。我需要通过用PHP取代数据库中的纬度和经度来替换e.latlng(这是一个JS数组),并在该位置创建一个标记来创建标记。我需要填写上面“表格”中的信息以及每个单独的标记。

这是在数据库中的表: enter image description here

+2

使用Ajax?保存后,请向PHP返回AJAX请求,这将返回您需要的JSON。然后将数据填充到HTML中。 –

+0

@MykolaBorysyuk你会怎么做?我不知道如何存储我通过的信息。 – Gigaxel

+0

奇怪的是,这个问题为什么被拒绝? –

回答

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你some.php脚本 $data is object that you need

echo json_encode($data);

现在只是在成功处理程序。循环并将元素添加到表格,div,无论使用JQuery还是纯JavaScript。

看起来是这样。 http://api.jquery.com/append/

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

你可能要检查的其他方法。这仅仅是一个例子。

希望这会有所帮助。

+0

谢谢你的男人。这正是我所期待的:D – Gigaxel

相关问题