使用ajax将php数组传递给javascript

passing php array to javascript using ajax

本文关键字：javascript 数组 ajax php 使用      更新时间：2023-09-26

我正在用谷歌地图和Instagram构建一些东西。我正在尝试使用AJAX将Instagram照片的坐标从我的PHP文件发送到我的JavaScript文件。我基本上不知道如何在JavaScript方面处理这个问题。

这就是我的index.php文件的样子：

<?php
$jsonText= file_get_contents("");
$instagram = json_decode($jsonText);

foreach ($instagram->data as $photo) {
$longitude = $photo->location->longitude;
$latitude = $photo->location->latitude;
$picture = $photo->images->thumbnail->url;
$results = array($latitude, $longitude, $picture);
echo json_encode($results, true);
}
?>

我的js文件如下：

google.maps.event.addDomListener(window, 'load', initialize);
function initialize() {
var mapOptions = {
    zoom: 5,
    center: new google.maps.LatLng(45.525961, 15.255119)
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
    mapOptions);

$.ajax({
    url: 'index.php',
    dataType: 'json',
    success: function(data) {
        var location = new google.maps.LatLng();
        var marker = new google.maps.Marker({
            position: location,
            map: map,
            title:"Where the photo was taken.."
        });
    }
})
}

首先，我建议您不要公开共享您的API密钥/访问令牌。

我对你的代码做了一些小改动。这是ajax调用，

$.ajax({url: 'test.php'}).done(function(data) {
            // alert(data);
            for (var i = data.length - 1; i >= 0; i--) {
                for (var j = data[i].length - 1; j >= 0; j--) {
                    $("#someElement").append(data[i][j]);
                };
            };
        }
);

您可以随心所欲地使用数据。

相关文章：