Backbone.js выборка с параметрами

152

Следуя документации , я сделал:

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

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

URL оказался: http://localhost:1273/Items?[object%20Object]

Я ожидал что-то вроде http://localhost:1273/Items?page=1

Так как мне передать параметры в методе fetch?

Шон Маклин
источник
Это определенно странно. То, что у вас есть, похоже, должно работать просто отлично, основываясь на документации API . Вы используете последнюю версию Backbone.js?
Мэтт Болл
Ты можешь попробовать JSON.stringify({ data: { page: 1} })?
Джо
@ Джо Тускан, я не уверен, что с этим делать, но я сделал: collection.fetch(JSON.stringify({ data: { page: 1} }));и ничего не было передано в URL.
Шон Маклин
Хорошо, сделайте это: collection.fetch ({data: JSON.stringify ({page: 1})});
Джо
3
Это прекрасно работает, как вы написали в Backbone 1.0 Fyi
Доминик,

Ответы:

213

изменения:

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

чтобы:

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

Так что без этого, это вызывается с вашим {data: {page:1}}объектом как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);
};

Таким образом, он отправляет «данные» в jQuery.ajax, который сделает все возможное, чтобы добавить что-либо params.dataк URL-адресу.

Джо
источник
71

Вы также можете установить для processData значение true:

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

Jquery автоматически обработает объект данных в строку параметров,

но в функции Backbone.sync Backbone отключает processData, потому что Backbone будет использовать другой метод для обработки данных в POST, UPDATE ...

в Магистральном источнике:

if (params.type !== 'GET' && !Backbone.emulateJSON) {
    params.processData = false;
}
Jimchao
источник
1

Другой пример, если вы используете титановый сплав:

 collection.fetch({ 
     data: {
             where : JSON.stringify({
                page: 1
             })
           } 
      });
peponline
источник
1
Что такое титановый сплав?
Нил
Alloy - это инфраструктура MVC для Appcelerator Titanium SDK ( github.com/appcelerator/alloy )
peponline
-2
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);
}
Вальтер фон Энтферндт
источник