Question

尝试从php文件中获取json变量并传递给javascript文件。我正在创建一个传单地图，我将标记的信息存储在一个mysql数据库中，然后我使用一个php文件来获取该信息并将其放入一个数组中。

问题：由于某些原因，Javascript文件没有正确使用数据，我无法弄清楚原因。

GET-data.php

$db = new mysqli('localhost', 'testuser', 'testpassword', 'testdb');
if($db->connect_errno > 0){
    die('Unable to connect to database [' . $db->connect_error . ']');
}


$queryStmt = 'SELECT * FROM test';

$geojson = array(
            'type' =>   'FeatureCollection',
            'features' => array()
);

if($result = $db->query($queryStmt)) {
while($row = mysqli_fetch_assoc($result)){
        extract($row);
        $markers = array(
            'type' => 'Feature',
            'properties'        => array (
                'name'          => $name,
                'type'          => $type,
                'id'            => $id,
                'country'       => $country,
                'territory'     => $territory,
                ),
                'geometry'      => array(
                'type'          => 'Point',
                'coordinates'   => array($long,$lat)
                )
            );  

        array_push($geojson['features'], $markers);
}
};

header('Content-type: application/json');
echo json_encode($geojson, JSON_NUMERIC_CHECK);
$db = NULL;

data.js

var result = [];
$.get("get-data.php", function(geojson) {
    result = geojson;
}); 

capitolsLayer = L.geoJson(result, {
//lots of stuff with maps and everything

index.php（所有地图代码实际上都在这里）

<script type="text/javascript" source="data.js"></script>
<script>
//lots of map code
var map = L.map();
capitolsLayer.addTo(map);
</script>

在data.js的ajax调用中，我尝试添加

alert(result);

弹出的只是[object Object]

在index.php上没有显示错误，标记只是不会出现。

修改 使用解决方案进行更新！ 经过大量的阅读和学习以及很多挖掘我找到了答案！我改变了这个：

$.get("get-data.php", function(data) {
    result = data;
}); 
capitols = new L.geoJson(result, {
//map stuff here

对此：

$.getJSON("get-data.php", function(data) {
    capitols.addData(data);
}).complete;

capitols = new L.geoJson(null, {
//map stuff here

Answer 1

尝试这种方式解析JSON数据并访问json对象..

var result = [];
$.get("get-data.php", function(geojson) {
    result = JSON.parse(geoJson);
    alert (result.properties.name);
});

使用AJAX将JSON数据从php文件传递到javascript文件

1 个答案: