2016-11-20 69 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