在 documentation 之后,我做了:
var collection = new Backbone.Collection.extend({
model: ItemModel,
url: '/Items'
})
collection.fetch({ data: { page: 1} });
网址原来是:http://localhost:1273/Items?[object%20Object]
我期待像http://localhost:1273/Items?page=1
这样的东西
那么如何在 fetch 方法中传递参数呢?
JSON.stringify({ data: { page: 1} })
吗?
collection.fetch(JSON.stringify({ data: { page: 1} }));
并且在 url 中没有传递任何内容。
改变:
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,jQuery.ajax 将尽最大努力将任何 params.data
附加到 URL。
您还可以将 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;
}
另一个使用钛合金的例子:
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);
}