Javascript 单击HTML表格单元格保存到django数据库

我有一个表格，你点击它就会得到列和单元格值，例如：

{"name" : Clark}

现在，我如何将输出直接放入表单并保存到数据库中，只需单击同一个表单元格，而不需要按钮或显示字段。HTML中的字段仅用于测试，稍后将隐藏它

非常感谢您的帮助

这是我的密码

model.py

class OnClickFormSave(models.Model):
    data = models.CharField(max_length=100)

    def __str__(self):
        return self.data

form.py

class OnClickFormSaveForm(forms.ModelForm):
    class Meta:
        model = OnClickFormSave
        fields = ['data']

view.py

def formsave_view(request):
    form = OnClickFormSaveForm(request.POST or None, request.FILES or None)
    if form.is_valid():
        instance = form.save(commit=False)
        instance.save()
        return HttpResponseRedirect('/form')
    return render(request, 'onClickSave.html', {'form': form})

HTML

---

您可以调用url和数据！POST方法已经足够好了。在和中，您已经有了单元格变量中的数据

// before that you need to change the dict to `{'data': value}` so django will pick up this...
$.post( "/formsave-view", cell)
  .done(function( data ) {
    console.log(data);
  });

---

你的问题是如何将数据从js传递到formsave_视图？是的，这是正确的Hi@Raja Simon谢谢你的回答，这看起来可行，你能在编辑字典时通过编辑我的代码向我展示一下吗，我做错了，因为它不工作var cell=

{“data”：${table}

；很抱歉回复太晚，非常感谢@Raja Simon这起作用了

$('table tbody tr td').on("click", getColumnID);
function getColumnID() {
    var $td = $(this),
        $th = $td.closest('table').find('th').eq($td.index());
    var head = $th.attr("id");
       $row = ($(this).text());
       var table = $row;
    var cell = `{"${head}" : ${table}}`;
    console.log(cell);

}

// before that you need to change the dict to `{'data': value}` so django will pick up this...
$.post( "/formsave-view", cell)
  .done(function( data ) {
    console.log(data);
  });