Backbone.js tìm nạp với các tham số

Theo tài liệu , tôi đã làm:

var collection = new Backbone.Collection.extend({
        model: ItemModel,
        url: '/Items'
})

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

url hóa ra là: http://localhost:1273/Items?[object%20Object]

Tôi đã mong đợi một cái gì đó như http://localhost:1273/Items?page=1

Vậy làm thế nào để tôi vượt qua params trong phương thức tìm nạp?

thay đổi:

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

đến:

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

Vì vậy, ngoài việc thực hiện nó, điều này được gọi với {data: {page:1}}đối tượng của bạn là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);
};

Vì vậy, nó sẽ gửi 'dữ liệu' tới jQuery.ajax , nó sẽ cố gắng hết sức để nối bất cứ thứ gì params.datavào URL.

Bạn cũng có thể đặt processData thành true:

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

Jquery sẽ tự động xử lý đối tượng dữ liệu thành chuỗi param,

nhưng trong chức năng Backbone.sync, Backbone tắt processData vì Backbone sẽ sử dụng phương thức khác để xử lý dữ liệu trong POST, UPDATE ...

trong nguồn xương sống:

if (params.type !== 'GET' && !Backbone.emulateJSON) {
    params.processData = false;
}

Một ví dụ khác nếu bạn đang sử dụng Hợp kim Titan:

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

try {
    // THIS for POST+JSON
    options.contentType = 'application/json';
    options.type = 'POST';
    options.data = JSON.stringify(options.data);

    // OR THIS for GET+URL-encoded
    //options.data = $.param(_.clone(options.data));

    console.log('.fetch options = ', options);
    collection.fetch(options);
} catch (excp) {
    alert(excp);
}