Django框架之Ajax基础

在Django中使用Ajax进行前后端分离交互是一种常见的做法。以下是一个简单的示例，展示了如何在Django视图中使用Ajax发送GET请求并接收JSON响应。

首先，在HTML中，我们可以使用JavaScript或者JQuery发送Ajax请求：

<button id="ajaxButton">点击发送Ajax请求</button>
 
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
    $("#ajaxButton").click(function(){
        $.ajax({
            url: '/your-django-view-url/',  // Django视图的URL
            type: 'GET',
            dataType: 'json',
            success: function(data) {
                console.log(data);  // 这里的data是后端返回的JSON数据
            },
            error: function() {
                console.log('Error occurred');
            }
        });
    });
});
</script>

然后，在Django的views.py中，我们创建一个视图来处理Ajax请求并返回JSON响应：

from django.http import JsonResponse
 
def your_django_view(request):
    # 这里可以根据需要处理请求，例如从数据库获取数据
    response_data = {'key': 'value'}  # 示例数据
    return JsonResponse(response_data)

最后，在urls.py中配置URL：

from django.urls import path
from .views import your_django_view
 
urlpatterns = [
    path('your-django-view-url/', your_django_view, name='your_django_view'),
]

这样就完成了一个简单的Ajax请求示例。当用户点击按钮时，JavaScript会通过Ajax向Django后端发送请求，后端处理后返回JSON格式的响应，然后JavaScript可以在成功回调函数中处理这个响应。