Backbone.js fetch with parameters

by

changing: 

collection.fetch({ data: { page: 1} });

to: 

collection.fetch({ data: $.param({ page: 1}) });

So with out over doing it, this is called with your {data: {page:1}} object as options

Backbone.sync = function(method, model, options) {
    var type = methodMap[method];

    // Default JSON-request options.
    var params = _.extend({
      type:         type,
      dataType:     'json',
      processData:  false
    }, options);

    // Ensure that we have a URL.
    if (!params.url) {
      params.url = getUrl(model) || urlError();
    }

    // Ensure that we have the appropriate request data.
    if (!params.data && model && (method == 'create' || method == 'update')) {
      params.contentType="application/json";
      params.data = JSON.stringify(model.toJSON());
    }

    // For older servers, emulate JSON by encoding the request into an HTML-form.
    if (Backbone.emulateJSON) {
      params.contentType="application/x-www-form-urlencoded";
      params.processData = true;
      params.data        = params.data ? {model : params.data} : {};
    }

    // For older servers, emulate HTTP by mimicking the HTTP method with `_method`
    // And an `X-HTTP-Method-Override` header.
    if (Backbone.emulateHTTP) {
      if (type === 'PUT' || type === 'DELETE') {
        if (Backbone.emulateJSON) params.data._method = type;
        params.type="POST";
        params.beforeSend = function(xhr) {
          xhr.setRequestHeader('X-HTTP-Method-Override', type);
        };
      }
    }

    // Make the request.
    return $.ajax(params);
};

So it sends the ‘data’ to jQuery.ajax which will do its best to append whatever params.data is to the URL.

More Related Contents:

  1. Explanation of …
  2. What does `void 0` mean? [duplicate]
  3. Why define an anonymous function and pass it jQuery as the argument?
  4. Loading Backbone and Underscore using RequireJS
  5. Backbone: Why assign `$(‘#footer’)` to `el`? [duplicate]
  6. External template in Underscore
  7. Getting Chrome to prompt to save password when using AJAX to login
  8. How to load bootstrapped models in Backbone.js while using AMD (require.js)
  9. Backbone.js : repopulate or recreate the view?
  10. What is two way binding?
  11. How to use if statements in underscore.js templates?
  12. Destroy or remove a view in Backbone.js
  13. Finding JavaScript memory leaks with Chrome
  14. Ways to save Backbone.js model data?
  15. Backbone: event lost in re-render
  16. How to handle initializing and rendering subviews in Backbone.js?
  17. How to improve rendering performance when using $.html()
  18. Backbone View: Inherit and extend events from parent
  19. Backbone.View “el” confusion
  20. How do I fetch a single model in Backbone?
  21. Disposing of view and model objects in Backbone.js
  22. Backbone.js – data not being populated in collection even though fetch is successful
  23. Reverse sort order with Backbone.js
  24. backbone.js structuring nested views and models
  25. Computed properties in Backbone
  26. Tell screen reader that page has changed in Backbone/Angular single-page app
  27. How to capture the key event from a view?
  28. What is the difference between these Backbone/Underscore .bind() methods?
  29. Extending React.js components
  30. Super in Backbone

Leave a Comment