如何使用django从HTML页面点击(即非表单数据)将数据发布到数据库？

from django.db import models

class MyModel(models.Model):
    field1 = models.CharField(max_length=100)
    field2 = models.IntegerField()
    # 其他字段...

python manage.py makemigrations
python manage.py migrate

<button id="publish-btn">发布数据</button>

<script>
    document.getElementById("publish-btn").addEventListener("click", function() {
        // 使用AJAX发送数据到Django后端
        var data = {
            field1: "value1",
            field2: 123,
            // 其他字段...
        };
        $.ajax({
            url: "/publish-data/",  // Django后端的URL
            type: "POST",
            data: data,
            success: function(response) {
                // 处理成功响应
            },
            error: function(xhr, status, error) {
                // 处理错误响应
            }
        });
    });
</script>

from django.views import View
from django.http import JsonResponse

class PublishDataView(View):
    def post(self, request):
        field1 = request.POST.get("field1")
        field2 = request.POST.get("field2")
        # 其他字段...

        # 将数据保存到数据库
        my_model = MyModel(field1=field1, field2=field2)
        my_model.save()

        return JsonResponse({"message": "数据发布成功"})

from django.urls import path
from .views import PublishDataView

urlpatterns = [
    # 其他URL配置...
    path('publish-data/', PublishDataView.as_view(), name='publish-data'),
]