Question

我需要将一个json数组从php脚本发送到Javascript。

 <?php
//controllo se sono presenti i parametri
if(isset($_GET['ID_utente']) && isset($_GET['Longitudine']) && isset($_GET['Latitudine']))
{
//Recupero il valore dei parametri
$ID_utente = $_GET['ID_utente'];
$Longitudine = $_GET['Longitudine'];
$Latitudine = $_GET['Latitudine'];
}

//eseguo la connessione al database sul server locale
//inserendo nome utente e password
$conn = mysql_connect('localhost', 'realegr', 'rabredugbo19');
 
//gestione degli errori
// if (!$conn) {die('Impossibile connettersi: ' . mysql_error());}
 
//seleziono il databse
mysql_select_db("my_realegr") or die( "Impossibile selezionare il database.");
 
//creo una stringa sql di inserimento con i valori
//recuperati dall'url
$sql = "INSERT INTO `my_realegr`.`DatiSinistro`
(
`ID_sinistro` ,
`Tempo_Server` ,
`Tempo_Locale` ,
`ID_utente`,
`Longitudine`,
`Latitudine`
)
VALUES
(
NULL , CURRENT_TIMESTAMP , NULL , '" . $ID_utente . "', '" . $Longitudine . "', '" . $Latitudine . "')
";

$q = "SELECT Longitudine, Latitudine FROM DatiSinistro ORDER by ID_sinistro 
DESC LIMIT 1";
$result = mysql_query($q, $conn);

    if($row = mysql_fetch_assoc($result)) {
         echo json_encode([
           'status' => true,
           'latitude' => $row['Latitudine'],
           'longitude' => $row['Longitudine'],
         ]);
    }




 
//gestione degli errori
if(! $result ){die('Impossibile eseguire la query: ' . mysql_error());}
 
//chiudo la connessione al db
mysql_close($conn);

?>

<!DOCTYPE html>
<html>
  <head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>   
   

        <script async defer 
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBkEtPH07_xBVh8dWBzCQYtWimkOUnPGMQ&callback=initMap"></script>
    
    <style>
       #map {
        height: 400px;
        width: 100%;
        
       }
    </style>
  </head>
  <body>
    <h3>My Google Maps Demo</h3>
    <div id="map"></div>    
    
    <script>
function initMap(){
  


     var $request = $.get('http://realegr.altervista.org/ProvaReale1.php');
     $request.done( function(data) {
     alert(data);
          var pasedData = JSON.parse(data);
          alert(pasedData.latitude);
 
          
     var uluru = {lat: pasedData.latitude, lng:pasedData.longitude};
     var map = new google.maps.Map(document.getElementById('map'), {
              zoom: 4,
              center: uluru
                                                                   });
     var marker = new google.maps.Marker({
              position: uluru,
              map: map
                                          });
              
})
}
</script>
    
    

  </body>
</html>

php脚本的输出：

当我加载地图时，警报（数据）显示我：{“status”：true，“latitude”：“45.062583”，“经度”：“7.662160”}

所以PHP脚本似乎运行良好，除了Javascript接收JSON数组使用“var pasedData = JSON.parse（data）;”我是否获得了解析的数组？当我尝试使用alert（pasedData [0]）显示内容时，它显示“未定义”。出了什么问题？

Answer 1

使用pasedData.status，pasedData.latitude和pasedData.longitude

<强>已更新

请使用此代码

<script>
function initMap(){
  //
}
</script>

并将initMap的代码放在此函数中。

更新2

请使用此代码

var pasedData = JSON.parse(data);
var longi = parseFloat(pasedData.longitude);
var lati = parseFloat(pasedData.latitude);
var uluru = {lat: lati, lng:longi};

Answer 2

使用.运算符代替尝试数组索引进行访问。它会工作。可以在浏览器控制台中尝试以下示例。

var data = '{"status":true,"latitude":"45.062583","longitude":"7.662160"}';
var t = JSON.parse(data);
console.log(t.status);

将json数组从PHP传递给JS

2 个答案: