django -如何将api数据从模板按钮保存到模型中

from django.db import models

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

from rest_framework.decorators import api_view
from myapp.models import MyModel

@api_view(['POST'])
def save_data(request):
    data = request.data  # 获取API数据
    # 处理数据，并保存到模型中
    new_object = MyModel.objects.create(field1=data['field1'], field2=data['field2'])
    # 其他逻辑...
    return Response({'message': 'Data saved successfully'})

<!-- 在模板中添加按钮 -->
<button id="save-button">保存数据</button>

<!-- 添加JavaScript代码 -->
<script>
    const saveButton = document.getElementById('save-button');
    saveButton.addEventListener('click', function() {
        // 构造API数据
        const data = {
            field1: 'value1',
            field2: 2,
            // 其他字段...
        };

        // 发送API请求
        fetch('/api/save_data/', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(data),
        })
        .then(response => response.json())
        .then(data => {
            console.log(data.message);  // 输出保存结果
        })
        .catch(error => {
            console.error('Error:', error);
        });
    });
</script>