解析数据PHP JSON到Ajax - 我错过了什么?

时间:2015-07-10 16:03:16

标签: javascript php ajax json google-maps

我的代码存在问题,我不知道问题所在。我试图用公交车队的坐标在地图中移动标记。我的方法是使用PHP和Oracle数据库生成JSON,然后在JavaScript中使用数据打印标记的移动...但我认为信息没有通过Web地图。

请帮忙。

php(marks.php):

query oracle....

while (($row = oci_fetch_array($result, OCI_BOTH)) != false) {
  header('Content-Type: application/json');
  $data = array($row);
  echo json_encode($data);  
}  

结果:

{"0":"10\/07\/15","MAX(OP.TELEGRAMDATE)":"10\/07\/15","1":"12115","BUSNUMBER":"12115","2":"511031","STOPID":"511031","3":"-765320567","GPSX":"-765320567","4":"33334550","GPSY":"33334550","5":"A11","SHORTNAME":"A11"}

JavaScript:

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Real time</title>
<style>
      html, body, #map {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=true&amp;libraries=places&amp;language=es">
</script>
<script src="http://190.216.202.35/prueba/js/mapmark.js"></script>
</head>
  <body >
    <div id="map"></div>
  </body>




<script>
    var map;

        map = new google.maps.Map(document.getElementById("map"), {
            center : new google.maps.LatLng(3.4404103,-76.5077627),
            zoom : 13,
            mapTypeId : 'roadmap'
        });


  $.ajax({                
          type: "POST",
          dataType: "json",
          url: "marks.php",                  
          cache: false,
          success: function(data){
            alert(data[0]); //expected to return value1, but it returns undefined instead.
          }                 
        });

        </script>


</html>

我试图至少提醒数据但没有发生任何事情。请帮我看看我的问题是什么。

1 个答案:

答案 0 :(得分:2)

您正在循环中获取,并在每次迭代时输出JSON。那是无效的。你基本上是在制作这个:

 {...}{...}{...}etc...

这是非法的JSON。您需要在循环内部构建一个数组,然后在循环结束后对其进行编码:

$data = array();
while($row = fetch...) {
   $data[] = $row;
}
echo json_encode($data);

由于您的JSON是非法的,因此javascript根本不解码它(好吧,开始解码它,然后在遇到语法错误时中止)。