0

我正在构建一个音频播放器，它可以进行 3 个不同的 API 调用，并且我需要它们都采用 JSONP 格式，所以我制作了一个 PHP 代理文件来确定 JSON 数据的输出，如下所示：

$datatype = $_GET["type"];
$artist = urlencode($_GET["artist"]);
$album = urlencode($_GET["album"]);
$content = "";

if($datatype == 'albumart'){
    $content = file_get_contents('http://ws.audioscrobbler.com/2.0/?method=album.getinfo&api_key=037358e302c80571663e6a7a66b1dc05&artist=' . $artist . '&album=' . $album . '&format=json');
} elseif($datatype == 'artistart'){
    $content = file_get_contents('http://ws.audioscrobbler.com/2.0/?method=artist.getinfo&api_key=037358e302c80571663e6a7a66b1dc05&artist=' . $artist . '&autocorrect=1&format=json');
} else {
    $content = file_get_contents('http://cjzn.streamon.fm/metadata/recentevents/CJZN-48k.json');
}

header('Content-type: application/json; charset=utf-8');
echo $_GET['callback'] . '(' . json_encode($content) . ')';

在测试输出后，它似乎工作正常，它获取相应的 API 数据，将其包装在 JSONP 中()并接受 JSONP 回调。

当我尝试在我的 Javascript 文件中使用它时，它似乎不起作用，但我不知道为什么！以下是用于调用 JSON 数据的函数之一的示例：

function getAlbumArt(artist,album){
    var dataArtist = artist,
        dataAlbum = album,
        albumArtURL;
    $.ajax({
        url: 'jsonproxy.php',
        dataType: 'jsonp',
        data: {
                type: 'albumart',
                artist: dataArtist,
                album: dataAlbum
        },
        success: function(data) {
                if(data.album.image[4]["#text"]){
                    var albumArtURL = data.album.image[4]["#text"];
                    $('section.player div.album-artwork').css({'background-image':'url("' + albumArtURL + '")'});
                } else {
                        getArtistArt(dataArtist);
                }
        },
        error: function() {
                getArtistArt(dataArtist);
                alert('Sorry, unable to retrieve album artwork!');
        }
    });
}

谁能帮助解释为什么这对我不起作用？

编辑

我做alert(data);了 on success，然后从提要中返回了所有数据，之后如果我做了更具体的事情，比如alert(data.album.image[4]["#text"]);返回undefined。这里很迷茫。有人有什么想法吗？

4

0 回答 0