Backbone.js: define timeout for Backbone.sync implementation

ajax backbone.js real-time polling
ChuckE picture ChuckE · Jan 18, 2013 · Viewed 8.6k times · Source

I'm using backbone on a project of mine, integrated with communication to an external API. I want to use real-time updating of records. Since I don't have access to the main backend of this external application, and they don't provide neither websocket server nor long-polling endpoint, I am basically left with the option of doing regular polling with setInterval and a period of 50 seconds. It has been working quite well. My problem is the edge case. If for some reason the API request hangs, for more than 50 secs, let's say, I'll be triggering a new request right away. That means, 2 hanging requests now, which will add up eventually. Is there a way to set a timeout for the request? I know all requests lead to Backbone.sync, but I was checking the source code and I don't see any feasible way of setting the timeout for the XmlHttpRequest. Is there a way to do this cleanly and without overwriting behaviour? Or are there other solutions/workarounds?

Answer

jevakallio picture jevakallio · Jan 18, 2013

Just pass a timeout:milliseconds option in the options argument to fetch. The options get passed directly to jQuery.ajax, which handles the low-level XHR call:

 collection.fetch({timeout:50000});

Alternatively you can set a global timeout for all the requests made by your application by calling jQuery.ajaxSetup in your application startup:

$.ajaxSetup({timeout:50000});

Related questions

Understand Backbone.js REST calls

I am trying to understand the Backbone.js sync method and was going through the documentation on http://backbonejs.org/#Sync It says The default sync handler maps CRUD to REST like so: create → POST /collection read → GET /collection[/id] …

Read More
"How" to save an entire collection in Backbone.js - Backbone.sync or jQuery.ajax?

I am well aware it can be done and I've looked at quite a few places (including: Best practice for saving an entire collection?). But I'm still not clear "exactly how" is it written in code? (the post explains it …

Read More
Best way to iterate over an array without blocking the UI

I am needing to iterate over some large arrays and store them in backbone collections from an API call. What is the best way to do this without making the loop cause the interface to become unresponsive? The return of …

Read More