# views.py
from django.http import JsonResponse
from django.views.decorators.csrf import csrf_exempt
import json

@csrf_exempt  # 临时禁用CSRF保护，生产环境应使用其他方式
def ajax_post_view(request):
    if request.method == 'POST':
        try:
            data = json.loads(request.body)
            # 处理数据...
            response_data = {
                'status': 'success',
                'message': 'Data received successfully',
                'data': data  # 可选：返回处理后的数据
            }
            return JsonResponse(response_data)
        except Exception as e:
            return JsonResponse({'status': 'error', 'message': str(e)}, status=400)
    return JsonResponse({'status': 'error', 'message': 'Invalid request'}, status=400)

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

urlpatterns = [
    path('ajax-post/', views.ajax_post_view, name='ajax_post'),
]

$(document).ready(function() {
    $('#submit-btn').click(function(e) {
        e.preventDefault();
        
        var dataToSend = {
            'name': $('#name').val(),
            'email': $('#email').val(),
            'csrfmiddlewaretoken': $('input[name=csrfmiddlewaretoken]').val()
        };
        
        $.ajax({
            url: '/ajax-post/',
            type: 'POST',
            dataType: 'json',
            data: JSON.stringify(dataToSend),
            contentType: 'application/json; charset=utf-8',
            success: function(response) {
                if(response.status === 'success') {
                    $('#result').html('<div class="alert alert-success">' + response.message + '</div>');
                } else {
                    $('#result').html('<div class="alert alert-danger">' + response.message + '</div>');
                }
            },
            error: function(xhr, errmsg, err) {
                $('#result').html('<div class="alert alert-danger">请求失败: ' + xhr.status + ' ' + xhr.statusText + '</div>');
            }
        });
    });
});

<input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">

function getCookie(name) {
    let cookieValue = null;
    if (document.cookie && document.cookie !== '') {
        const cookies = document.cookie.split(';');
        for (let i = 0; i < cookies.length; i++) {
            const cookie = cookies[i].trim();
            if (cookie.substring(0, name.length + 1) === (name + '=')) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}

const csrftoken = getCookie('csrftoken');

$.ajaxSetup({
    beforeSend: function(xhr, settings) {
        if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type)) {
            xhr.setRequestHeader("X-CSRFToken", csrftoken);
        }
    }
});