JSON 回调问题

Question

我怎样才能获得这样的 JSON url 数据？

http://api.rottentomatoes.com/api/public/v1.0/movies/770672122/cast.json?apikey=Removed_My_API_Key'

当我像这样复制和粘贴数据时

var titles = {
    "cast": [{
        "id": "162664630",
            "name": "Sylvester Stallone",
            "characters": ["Barney Ross"]
    }, {
        "id": "162653720",
            "name": "Jason Statham",
            "characters": ["Lee Christmas"]
    }, {
        "id": "162652223",
            "name": "Jet Li",
            "characters": ["Yin Yang"]
    }, {
        "id": "162664307",
            "name": "Dolph Lundgren",
            "characters": ["Gunnar Jensen"]
    }, {
        "id": "162670654",
            "name": "Chuck Norris",
            "characters": ["Booker"]
    }, {
        "id": "326392465",
            "name": "Terry Crews",
            "characters": ["Hale Caesar"]
    }, {
        "id": "770731413",
            "name": "Randy Couture",
            "characters": ["Toll Road"]
    }, {
        "id": "770833479",
            "name": "Liam Hemsworth",
            "characters": ["Billy the Kid"]
    }, {
        "id": "770704326",
            "name": "Scott Adkins",
            "characters": ["Hector"]
    }, {
        "id": "770670020",
            "name": "Nan Yu",
            "characters": ["Maggie"]
    }, {
        "id": "162670708",
            "name": "Jean-Claude Van Damme",
            "characters": ["Jean Vilain"]
    }, {
        "id": "162652509",
            "name": "Bruce Willis",
            "characters": ["Mr. Church"]
    }, {
        "id": "162662233",
            "name": "Arnold Schwarzenegger",
            "characters": ["Trench"]
    }, {
        "id": "489251774",
            "name": "Amanda Ooms",
            "characters": ["Pilar"]
    }, {
        "id": "377608335",
            "name": "Charisma Carpenter",
            "characters": ["Lacy"]
    }, {
        "id": "771417014",
            "name": "Nikolette Noel",
            "characters": ["Sophia"]
    }],
        "links": {
        "rel": "http://api.rottentomatoes.com/api/public/v1.0/movies/771238417.json"
    }
},
star,
staring = [];

for (star = 0; star < titles.cast.length; star++) {
    staring.push(titles.cast[star].name + ' as ' + titles.cast[star].characters[0]);
}

document.getElementById('Credits').innerHTML = staring.join(', ');

它使用上面的代码工作，我试图弄清楚如何直接从 URL 本身获取它。

我尝试了以下方法

var movieUrl = 'http://api.rottentomatoes.com/api/public/v1.0/movies/770672122/cast.json?apikey=Removed_My_API'

$(document).ready(function() {

  $.ajax({
    url: moviesSearchUrl + encodeURI(query),
    dataType: "jsonp",
    success: searchCallback
  });
});


function searchCallback(data) {
 var titles = data.cast    
star,
staring = [];

for (star = 0; star < titles.cast.length; star++) {
    staring.push(titles.cast[star].name + ' as ' + titles.cast[star].characters[0]);
}

document.getElementById('Credits').innerHTML = staring.join(', ');}

使用这个 JS Fiddle http://jsfiddle.net/6yYYZ/ ，有人可以帮忙吗？

Answer 1

您的代码中有很多错误，我已部分修复它以便您取回数据

最重要的修复是您的 ajax 调用中的 url 错误，我已修复。

var movieUrl = 'http://api.rottentomatoes.com/api/public/v1.0/movies/770672122/cast.json?apikey=API_KEY'

$(document).ready(function() {

  $.ajax({
    url: movieUrl,
    dataType: "jsonp",
    success: searchCallback
  });
});


function searchCallback(data) {

    console.log(data); // do stuff with your json here

}

http://jsfiddle.net/6yYYZ/5/

Answer 2

除了错别字，主要问题是titles = data.cast，因为稍后您引用titles.cast.length... 并且由于您已经将titles 设置为cast 的值，所以.cast 出现null 然后对它执行.length 会出错。

当您只设置titles = data（与您只是复制和粘贴数据时相同）时它可以工作，因为现在.cast 存在。这是我的小提琴中的内容（由于 apiKey 而被删除，尽管我怀疑那是否是您的公钥并且无论如何都会在您的任何公共网页上可见）。

var movieUrl = 'http://api.rottentomatoes.com/api/public/v1.0/movies/770672122/cast.json?apikey=Removed_My_API'

$(document).ready(function() {    
    $.ajax({
        url: movieUrl, //this was wrong
        dataType: "jsonp",
        success: searchCallback
    });
});


function searchCallback(data) {
    var titles = data, //just set it to data  
        star = 0, //initialize star
        staring = [];

    for (star = 0; star < titles.cast.length; star++) {
        staring.push(titles.cast[star].name + ' as ' + titles.cast[star].characters[0]);
    }

    document.getElementById('Credits').innerHTML = staring.join(', ');
}