Backbone.js URL Routing

javascript backbone.js hashbang
bijanv picture bijanv · Aug 8, 2011 · Viewed 12k times · Source

When setting up routes on backbone.js, it seems the framework automatically preprends # to it. I.e.

routes : { "example/:id" : "handler" },

will match a link of www.example.com/#example/123

Is it possible to add the hashtag later on in the url? I'm essentially trying to build my app as www.example.com/text/#example/123 (notice the text/ before the #).

Is there anyway of doing this without altering the backbone.js framework itself?

Answer

idbentley picture idbentley · Aug 8, 2011

If your server serves the page containing your app to www.example.com/text, then the backbone router will handle urls like www.example.com/text#example/123. It probably isn't advisable (even if your server supports it) to serve your page on www.example.com/test/, because that url indicates that it is a folder, not a particular page.

The backbone router pretty much ignores the baseurl (except for storing it and using it with pushState and popState), so you can serve your page on any url you want.

Hope htis helps.

Related questions

What does `void 0` mean?

Reading through the Backbone.js source code, I saw this: validObj[attr] = void 0; What is void 0? What is the purpose of using it here?

Read More
Explanation of <script type = "text/template"> ... </script>

I just stumbled upon something I've never seen before. In the source of Backbone.js's example TODO application (Backbone TODO Example) they had their templates inside a <script type = "text/template"></script>, which contained code that …

Read More
Lodash .clone and .cloneDeep behaviors

I try to clone an array of objects with nested objects. Something like: var data = [ { id: 1, values: { a: 'a', b: 'b' } }, { id: 2, values: { c: 'c', d: 'd' } } ]; _.Clone With the _.clone method and the isDeep parameter at true: var clone = _.…

Read More