如何在HTML中单击按钮时更改django数据库中的值？

<button id="change-value-btn">更改值</button>

<script>
    $(document).ready(function() {
        $("#change-value-btn").click(function() {
            $.ajax({
                url: "/update_value/",  // Django视图函数的URL
                type: "POST",  // 请求类型
                data: {
                    // 发送给Django的数据，可以根据实际情况传递需要更改的对象ID和新值等信息
                },
                success: function(response) {
                    // 在请求成功后执行的操作
                    console.log(response);
                }
            });
        });
    });
</script>

from django.http import JsonResponse

def update_value(request):
    # 处理POST请求
    if request.method == "POST":
        # 获取需要更改的对象，例如从POST请求的数据中获取对象ID
        obj_id = request.POST.get("obj_id")
        obj = YourModel.objects.get(id=obj_id)
        
        # 更新对象的值，例如将值更改为新值
        obj.value = request.POST.get("new_value")
        obj.save()
        
        # 返回一个JSON响应，确认值已更改
        return JsonResponse({"status": "success"})
    else:
        # 处理其他请求类型，返回错误信息
        return JsonResponse({"status": "error", "message": "Invalid request type"})