Backbone Template

Standard fiddle

by Alee

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"></script>
<div id="search_container">a</div>

JavaScript

var MoviesCollection = Backbone.Collection.extend({
    url:function(){
        return "http://api.themoviedb.org/3/search/movie?api_key=a8f7039633f2065942cd8a28d7cadad4&query="+this.query;
    },
    parse:function(response){
        return response.results;
    },
    setQuery:function(query){
        this.query=encodeURIComponent(query);
    }
});

var myCollection = new MoviesCollection();
myCollection.setQuery('star wars');

myCollection.fetch().done(function(){
    alert('fetch complete : '+myCollection.length);
    $("#search_container").html(JSON.stringify(myCollection.toJSON()));
});