Question

我正在尝试创建一个页面，其中包含一系列字段，用户可以通过单击“编辑”按钮（将显示该字段的表单）来更新，然后更改表单。

表格的更改（例如，从下拉列表中选择项目）应在选择后立即提交给后端。

如果你看一下Facebook上的一些设置页面，你会大致看到我的目标。

该网站是使用django构建的，我显然可以使用jquery等来做这件事但是我想知道使用像angular这样的东西是否合理？

或者可能做出反应？

花时间尝试学习像角度（我从未使用过它）这样的东西或者jquery是否合理是可行的，因为我只需要在我的网站上有一个页面？

Answer 1

每次用户执行操作时更新后端都可以使用jQuery完成：

// (Example) Add event listener on every .form-checkox element
$(document).on('change', '.form-checkbox', function() {
   var that = $(this);
   var fieldID = that.attr('id');
   var val = (that.is(':checked')) ? 'checked' : 'unchecked';
   update(fieldID,val);
});

// Perform ajax call
function update(field, value) {
   $.ajax({
      method: 'POST',
      url: 'path/to/handler',
      data: { field: field, value: value },
      success: function(data) {
         // Success action
      },
      error: function() {
         // Error handling
      }
   });
}

以同样的方式，您可以为表单中的每个字段类型添加其他事件侦听器，并在每次用户更新字段时执行ajax调用。

您不必使用Angular或React进行这种简单的交互。

使用Django在模糊上提交表单

1 个答案: