backbone.js usa diferentes URL para guardar y buscar modelos

Question

Mi back-end tiene dos páginas separadas, una para manejar la solicitud de guardar el modelo y la otra para la obtención del modelo.

¿Cuál es el mejor enfoque para llamar a save () y fetch () para usar diferentes URL? Gracias.

Editar: Después de estudiar la fuente anotada, veo que uno realmente puede proporcionar un hash de options para fetch y save

//taken from backbone source:
save : function(attrs, options) {
options || (options = {});
if (attrs && !this.set(attrs, options)) return false;
var model = this;
var success = options.success;
options.success = function(resp, status, xhr) {
if (!model.set(model.parse(resp, xhr), options)) return false;
if (success) success(model, resp, xhr);
};
options.error = wrapError(options.error, model, options);
var method = this.isNew() ? ''create'' : ''update'';
return (this.sync || Backbone.sync).call(this, method, this, options);
},

En el guardado, ¿qué propósito attrs los attrs ? Acabo de llamar myModel.save () sin pasar nada y siempre ha sido hashing los atributos de mi modelo correctamente. Pero ahora que quiero proporcionar un ''url de guardado'' y estoy tentado de llamar

myModel.save(undefined, {
url: ''myPath''
})

con el indefinido requerido para ''saltar'' el primer attrs attrs.

Answer 1

La respuesta de Gingerhendrix cubre las bases, pero pensé que valía la pena explicar el método para pasar un valor de opciones para save / delete / fetch .

En lugar de ensuciar su código con urls en cada lugar que llame a uno de esos métodos, también puede anular el método en su modelo en lugar de volver a delegar en el método Backbone.Model original de esta manera:

var MyModel = Backbone.Model.extend({
save: function(attributes, options) {
options = _.defaults((options || {}), {url: "http://your.save.url.com/"});
return Backbone.Model.prototype.save.call(this, attributes, options);
},
// same thing for fetch and delete to give them different urls...
}

Luego, puede llamar al método en su código sin tener que preocuparse de recordar configurar la url en las opciones.

Answer 2

Quiero borrar la respuesta de @gingerhendrix: puede pasar la URL a las opciones en guardar y irá directamente a la solicitud xhr (no es obvio desde la documentación o el código fuente o desde la respuesta, así que publico ot como una respuesta separada):

model.save({}, {url: ''/custom-url''});

Answer 3

Si estás leyendo la fuente, probablemente ya tengas una solución funcional. Básicamente tienes dos opciones (probablemente más) -

1. Pase la URL en save () / fetch ()

save () toma dos parámetros attr y attr opciones - es un hash de atributos del modelo y se utiliza para actualizar el modelo antes de guardar. p.ej.

myModel.save(attrs)

es equivalente a

myModel.set(attrs)
myModel.save()

El segundo parámetro es un hash de opciones, que se pasa a this.sync () (y luego a Backbone.sync y luego a $ .ajax). Configurar el URL en este hash funcionará como se espera. Puede pasar falso, indefinido o {} como primer parámetro para omitir la actualización.

1. Anular Backbone.sync

En lugar de tener url''s dispersos en todo su código cada vez que llame a save () o fetch () escriba su propia función de sincronización para calcular la url para usted, el delegado al Backbone.sync original para hacer el trabajo pesado

p.ej. (Esta función de sincronización agrega / guarda en la url en las acciones CREAR, ACTUALIZAR y ELIMINAR)

function mySyncFunction(method, model, options){
if(method==''GET''){
options.url = model.url;
}else{
options.url = model.url + ''/save'';
}
return Backbone.sync(method, model, options);
}

Para usar tu método de sincronización personalizado, solo debes declararlo como parte de tu modelo

var myModel = Backbone.Model.extend({
...
"sync": mySyncFunction,
...
});

Answer 4

Si tienes un modelo y una colección como:

MyModel = Backbone.Model.extend({
url: function(){ "API/"
return "API/MyModel/" +this.get("id");
}
});
MyCollection = Backbone.Collection.extend({
model: MyModel ,
url: "API/MyModels"
});

para recuperar la colección simplemente llame

MyCollection.fetch({
success: function(){
//do something here
},
error: function(){
//Handle your error
}
});

Para guardar su modelo, suponiendo que tiene el ID del modelo y ha instanciado su colección (llamándolo myCollection).

var model = myCollection .get(id);
model.save(
model.attributes,
{
success: function (model, response) {
//do something on success
},
error: function (model, response) {
//handle the error
}
}
);