骨干遗漏的类型错误

Question

我正在这个代码，

<script> 
    autocompleteRemote = new Backbone.AutocompleteList({ 
    url: function() { return 'http://ws.audioscrobbler.com/2.0/?method=artist.search&api_key=cef6d600c717ecadfbe965380c9bac8b&format=json&' + $.param({ artist: $('form#autocomplete-remote input[name=search]').val() }); }, 
    filter: null, 
    el: $('form#autocomplete-remote input[name=search]'), 
    template: _.template('<p><%= name.replace(new RegExp("(" + $("form#autocomplete-remote input[name=search]").val() + ")", "i") ,"<b>$1</b>") %></p>'), 
    delay: 500, 
    minLength: 3, 
    value: function(model) { return model.get('name') }, 
    }).resultsView.collection.parse = function(resp) { 
    return resp.results.artistmatches.artist; 
    }; 
</script> 

但我试图将它连接到TMDB API这样，

autocompleteRemote = new Backbone.AutocompleteList({ 
    url: function() { 
    return 'http://api.themoviedb.org/3/search/movie?api_key=' + api + '&' + $.param({query: $('form#autocomplete-remote input[name=search]').val()}) 
    }, 

    filter: null, 

    el: $('form#autocomplete-remote input[name=search]'), 
    template: _.template(
    '<p><%= name.replace(new RegExp("(" + $("form#autocomplete-remote input[name=search]").val() + ")", "i") ,"<b>$1</b>") %></p>' 
), 
    delay: 500, 
    minLength: 3, 
    value: function(model) { return model.get('name') } 
    , 

    }) 

    .resultsView.collection.parse = function(resp) { 
    return resp.results.moviematches.query; 
    }; 

    var api = 'a8f7039633f206xx42cd8a28d7cadad4' 

正如你可以看到我改了像url这样的东西，并把api键放入var来清理代码。我还将artist改为query，这样可以让我找回正确的网址。但是在控制台日志中出现错误，我正在绘制一个白色。

Uncaught TypeError: Cannot read property 'query' of undefined 
Backbone.AutocompleteList.resultsView.collection.parse 
.extend.set 
options.success 
fire 
self.fireWith 
done 
callback 

源材料可以在这里找到 - 使用>http://aghull.github.io/coding/2013/03/09/Backbone-autocomplete-lists/自动完成远程采集

Answer 1

Here是一个很好的资源，这将有助于找出响应体。从我在这里产生的测试响应中可以看到，没有moviematches属性。你需要resp.results这只是一个对象（电影我猜）的集合（数组）。

所以，你需要更改您的代码：

var api = 'a8f7039633f206xx42cd8a28d7cadad4'; 

autocompleteRemote = new Backbone.AutocompleteList({ 
    url: function() { 
    return 'http://api.themoviedb.org/3/search/movie?api_key=' + api + '&' + $.param({query: $('form#autocomplete-remote input[name=search]').val()}) 
    }, 

    filter: null, 

    el: $('form#autocomplete-remote input[name=search]'), 
    template: _.template(
    '<p><%= name.replace(new RegExp("(" + $("form#autocomplete-remote input[name=search]").val() + ")", "i") ,"<b>$1</b>") %></p>' 
), 
    delay: 500, 
    minLength: 3, 
    value: function(model) { return model.get('name') } 
    , 

    }).resultsView.collection.parse = function(resp) { 
    return resp.results; 
    }; 

我试图做一个评论，但它成为了一个答案:)

编辑：

使用此fiddle做检查。放置正确的API_KEY并重试。我已尝试使用您现有的api_key，但它无效。