骨幹遺漏的類型錯誤

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，但它無效。