仅使用 Backbone.js 更新某些模型属性

Question

使用 Backbone，我尝试仅更新一个属性并将其保存到服务器：

currentUser.save({hide_explorer_tutorial: 'true'});

但我不想发送所有其他属性。其中一些实际上是服务器端方法的输出，因此它们实际上并不是具有 setter 函数的真正属性。

目前，我正在使用 unset(attribute_name) 删除我不想在服务器上更新的所有属性。问题是这些属性将不再可供本地使用。

关于如何仅将某些属性保存到服务器的建议？

Answer 1

从 Backbone 0.9.9 开始

只需将 {patch:true} 传递给 save 函数，如下所示

currentUser.save({hide_explorer_tutorial: 'true'}, {patch:true});

： 文档，

如果您只想将更改后的属性发送到服务器，请调用 model.save(attrs, {patch: true})。您将收到一个仅包含传入属性的 HTTP PATCH 请求。

Answer 2

您可以在模型上使用 toJSON 来执行此操作。

toJSON : function(){
  return {hide_explorer_tutorial: this.get("hide_explorer_tutorial")};
}

这将是保存时发送到后端的唯一属性。

Answer 3

事实上，有一种更简单的方法可以实现这一点，

如果您查看backbone.js第1145行，您会看到这

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

意味着您可以通过将数据放入选项中来覆盖xhr的数据部分，

因为backbone保存需要model.save（ [属性]，[选项]）

但请记住，像 id 这样的属性可能对于正确保存

示例

model.save( {}, { data: JSON.stringify(data) } ) ; 

对于您的特定情况

var data = { id : currentUser.id ,  hide_explorer_tutorial: 'true' }  ;  
currentUser.save( {}, { data : JSON.stringify(data) } );

这对我来说效果很好，并且可以与 xhr 的任何主干一起使用，例如获取，保存，删除， ...

感谢您的投票

Answer 4

我想这目前不可能：Backbone.js 部分模型更新

Answer 5

有一个技巧，如果您没有在 options 参数上设置 data 属性，而是设置 attrs 属性，则请求负载将是 attrs 属性值而不是所有模型属性。

注意：这也适用于模型创建操作 (POST)。

对于您的特定情况：

var data = { hide_explorer_tutorial: 'true' };  
currentUser.save(data, { attrs : data });

您可以从backbone.js 1.33 找到更多详细信息源代码（第1405 - 1409行）：

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