django模型使用json或任何其他方法保存一个表如何在后端保存

这是我的html代码，我想把这个表保存在Django数据库中，但不知道怎么做，我的意思是如何保存在模型中，我认为json是可行的，但我之前没有在Django中使用json

models.py

class Mvouchar(models.Model):
        related = models.ForeignKey(Signs, on_delete=models.CASCADE, null=True, blank=True)
        bill_no = models.CharField(max_length=80, null=True, blank=True)
        bill_details = models.CharField(max_length=1000, null=True, blank=True)
        am = models.CharField(max_length=30, null=True, blank=True)
views.py
    def mvouchar(request):
                if request.method == "POST":
                    userdata = User.objects.get(username = request.user)
                    accountdata = Signs.objects.get(relation_id=userdata.id)
                    b_no = request.POST['billno']
                    b_details = request.POST['billdetails']
                    at = request.POST['amount2']

.css：

表格{
宽度：50%；
对齐：居中；
}
表，th，td{
边框：1px纯黑；
边界塌陷：塌陷；
}
th，td{
填充：12px；
文本对齐：左对齐；
}
表#t01 tr:n个子项（偶数）{
背景色：#eee；
}
表#t01 tr:n个孩子（奇数）{
背景色：#fff；
}
表#t01第{
背景颜色：灰色；
颜色：白色；
}

var i=parseInt（0）；
var和=parseInt（0）；
$（文档）.ready（函数（）{
var i=parseInt（0）；
$（“#按钮1”）。单击（函数（）{
var name1=$（“#billNo”）.val（）；
var name2=$（“#billDetails”）.val（）；
var name3=$（“#amnt”）.val（）；
sum+=parseInt（name3）；
var markup=”“+name1+“”+name2+“”+name3+“”；
i++；
$（“表tbody”）。追加（标记）；
$（'table-tbody:last-child'）。追加（'…'）；
$（“#总计”）。正文（总和）；
});
$（“#按钮”）。单击（函数（）{
$（“#”“+i+”）。删除（rowid）；
});
$（“.btnEdit”）.bind（“单击”，编辑）；
});
函数deleteRow（rowid）{
if（确认（“是否要删除：+名称））{
var aa=$（“#”+rowid）.find（“td:eq（2）”）.text（）；
sum-=parseInt（aa）；
$（“#”+rowid）.remove（）；
$（“#总计”）。正文（总和）；
}
}
函数编辑（rowid）{
var PAR＝$（this）
var aa=$（“#”+rowid）.find（“td:eq（2）”）.text（）；
var bb=总和；
var-bil=$（“#”+rowid）.find（“td:eq（0）”）.text（）；
var acc=$（“#”+rowid）.find（“td:eq（1）”）.text（）；
var amt=$（“#”+rowid）.find（“td:eq（2）”）.text（）；
$（“#”+rowid）.find（“td:eq（0）”）.html（“”）；
$（“#”+rowid）.find（“td:eq（1）”）.html（“”）；
$（“#”+rowid）.find（“td:eq（2）”）.html（“”）；
$（“#按钮”+rowid）.val（“保存”）；
$（“#按钮”+rowid）.attr（“onclick”、“Save”（+rowid+））；
};
函数保存（rowid）{
$（“#”+rowid）.find（“td:eq（0）”）.text（$（“#txtName1”）.val（）；
$（“#”+rowid）.find（“td:eq（1）”）.text（$（“#txtName2”）.val（）；
$（“#”+rowid）.find（“td:eq（2）”）.text（$（“#txtName3”）.val（）；
$（“#按钮”+rowid）.val（“编辑”）；
$（“#按钮”+rowid）.attr（“onclick”、“Edit”（+rowid+））；
var表=$（“表tbody”）；
表.查找（'tr'）。每个（函数（i，el）{
var$tds=$（this.find（'td'），
数量=$tds.eq（2.text（）；
});
变量行=$（'table tbody'）。长度；
};
var表=$（“#mprDetailDataTable table tbody”）；
表.查找（'tr'）。每个（函数（i，el）{
var$tds=$（this.find（'td'），
productId=$tds.eq（0.text（），
product=$tds.eq（1）.text（），
数量=$tds.eq（2.text（）；
});
$（“#按钮1”）。单击（函数（）{
tempResult.val（tempResult.val（）+总计）；
美元（“#总额”）.val（总额）；
$（“#amount_string”）.val（convertNumberToWords（$（“#totalAmount”）.val（））；
});    
工程量清单编号：
数量：


账单详情：
添加
填写所有条目


账单号
账单明细
数量
行动
总数：

$（“#按钮点击”）。点击（功能（）{
var username=$（this.val（）；
$.ajax({
url:url，
方法：“张贴”，
数据：{
“用户名”：用户名//要从前端发送到后端的数据
},
数据类型：“json”，
成功：功能（数据）{
}
}
});
});

---

您是否可以更具体地说，您是想说如何在某个事件中将表行数据保存到数据库中。是的，我希望每次用户提交时，然后将填充的数据提交到django数据库。您可以使用ajax调用将数据发送到服务器端。如果您可以添加一些伪代码，我该如何做。如果可以，否则让我知道Model看起来不错，view需要使用下面的代码在modelI中添加object create函数，这是正确的，但是如何将数据发送到后端在ajax函数中，我们有数据选项您可以在其中发送数据，在给定的url上，您可以检查我在回答部分中提供的代码请检查并指导我如何使用url

<script>
$("#button_click").click(function () {
    var username = $(this).val();
    $.ajax({
       url: url,
       method: "POST",
       data: {
          'username': username// data you want to send from front end to backend
        },
      dataType: 'json',
      success: function (data) {
      }
    }
  });

});