使用Ajax从Django模型中获取模态数据

# views.py
from django.http import JsonResponse
from .models import MyModel

def get_modal_data(request):
    if request.method == 'GET':
        data = list(MyModel.objects.values())  # 获取模型数据
        return JsonResponse(data, safe=False)

# urls.py
from django.urls import path
from .views import get_modal_data

urlpatterns = [
    path('get-modal-data/', get_modal_data, name='get_modal_data'),
]

<!-- index.html -->
<button id="load-modal-data">Load Modal Data</button>
<div id="modal-content"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('#load-modal-data').click(function(){
        $.ajax({
            url: '/get-modal-data/',  // Django URL
            type: 'GET',
            success: function(response) {
                $('#modal-content').html(JSON.stringify(response));  // 显示数据
                // 这里可以添加代码来渲染模态框
            },
            error: function(xhr, status, error) {
                console.error("Error fetching modal data: ", error);
            }
        });
    });
});
</script>