javascript - 如何使用 PHP 和 AJAX 从 MySQL 创建 JavaScript 变量？

Question

我不是本地 AJAX 和 JavaScript 程序员。我正在尝试将经度和纬度值从 MySQL 传递到 javascript。然而，我在这里似乎运气不太好。谁能告诉我我做错了什么？

我正在尝试创建一个脚本，该脚本允许我使用 AJAX 调用 GPS_tracker php 文件中的值来创建 JavaScript 变量。

GPS_tracker.php:

<?php
$servername = "localhost";
$username = "db_001";
$password = "12345678";
$dbname = "gpstable";

// Create connection
$conn = new mysqli($servername, $username, $password);

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$sql = "SELECT rider_id, track_time, track_lng, track_lat FROM db_001.gpstable";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {
        $lat = $row['track_lat'];
        $lng = $row['track_lng'];
        $gpsjson = json_encode(array($lat, $lng));
    }
} else {
    echo "0 results";
}

$conn->close();

?> 

Script.js:

$.ajax({
   url: 'gps_tracker.php',
   dataType: 'json'
}).done(
   function(gpsjson){
     var tag_name = gpsjson[0];
     var client_id = gpsjson[1];
   }
);

// Show the user's position on a Google map.
function showMap(lat, lon) {
    // Create a LatLng object with the GPS coordinates.
    var myLatLng = new google.maps.LatLng(lat, lon);

    // Create the Map Options
  var mapOptions = {
    zoom: 8,
    center: myLatLng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  // Generate the Map
  var map = new google.maps.Map(document.getElementById('map'), mapOptions);

  // Add a Marker to the Map
  var marker = new google.maps.Marker({
      position: myLatLng,
      map: map,
      title: 'Found you!'
  });
}

Answer 1

在 PHP while 循环中

$gpsjson = json_encode($row);

在javascript中解析json:

// in ajax response
var json = JSON.parse(gpsjson);
for(var i in json){
    alert(json[i].track_lat);
    alert(json[i].track_lng);
    // Show in console js text or errors 
    // Show console hit: CTRL+SHIFT+K
    console.log(json[i].track_lng);
}

在 SELECT 中添加(对于最后一条记录):

ORDER BY rider_id DESC LIMIT 1

参见此处Iterating through/Parsing JSON Object via JavaScript

问候。