如何在Django视图中通过Ajax POST请求传递GeoJSON/JSON数据

问题出在jQuery Ajax默认会把嵌套对象序列化为扁平化的表单数据格式，导致Django的request.POST解析成了扁平的QueryDict，无法直接按嵌套JSON结构访问。下面是两种解决方法，优先推荐第一种：

方法1：发送JSON格式数据（推荐） #

直接把GeoJSON对象序列化为JSON字符串发送，同时告诉后端请求内容类型是JSON，这样Django可以直接解析出嵌套结构。

前端jQuery Ajax代码： #

// 假设feature是Geoman生成的Polygon类型GeoJSON对象
L.easyButton('fa-save', function(btn, map) {
  $.ajax({
    url: '/your-backend-url/', // 替换为你的Django视图URL
    type: 'POST',
    contentType: 'application/json', // 关键：指定请求内容为JSON
    data: JSON.stringify(feature), // 将GeoJSON对象转为JSON字符串
    // 带上Django要求的CSRF令牌
    headers: {
      'X-CSRFToken': $('input[name=csrfmiddlewaretoken]').val()
    },
    success: function(res) {
      console.log('数据提交成功');
    },
    error: function(xhr) {
      console.error('提交失败:', xhr.responseText);
    }
  });
});

Django视图处理代码： #

从request.body中读取JSON数据并解析，就能直接访问嵌套结构：

import json
from django.http import JsonResponse

def polygon_save_view(request):
    if request.method == 'POST':
        # 解析JSON数据
        feature = json.loads(request.body)
        # 现在可以正常访问嵌套坐标
        polygon_coords = feature['geometry']['coordinates'][0]
        # 这里添加你的业务逻辑，比如保存到数据库
        return JsonResponse({'status': 'success', 'coords': polygon_coords})
    return JsonResponse({'status': 'error'}, status=400)

方法2：将扁平QueryDict转为嵌套字典（不推荐） #

如果因为某些原因必须发送表单格式数据，可以在Django端手动把扁平的QueryDict转成嵌套字典。注意这种方法需要处理字符串转数字的问题（坐标值会被转为字符串）：

Django视图处理代码： #

from django.http import JsonResponse

def querydict_to_nested(qd):
    nested = {}
    for key, value in qd.items():
        # 拆分扁平键，比如"geometry[coordinates][0][0]"
        keys = [k.rstrip(']') for k in key.split('[')]
        current = nested
        # 逐层构建嵌套结构
        for k in keys[:-1]:
            if k not in current:
                current[k] = {}
            current = current[k]
        # 处理最后一个键，坐标需要转成浮点数
        last_key = keys[-1]
        try:
            current[last_key] = float(value)
        except ValueError:
            current[last_key] = value
    return nested

def polygon_save_view(request):
    if request.method == 'POST':
        nested_feature = querydict_to_nested(request.POST)
        polygon_coords = nested_feature['geometry']['coordinates'][0]
        # 业务逻辑处理...
        return JsonResponse({'status': 'success'})
    return JsonResponse({'status': 'error'}, status=400)

注意事项 #

• 务必带上CSRF令牌，否则Django会拒绝POST请求，除非给视图添加@csrf_exempt装饰器（不推荐）
• 优先使用方法1，避免额外的格式转换工作，更符合JSON数据的传输规范

内容的提问来源于stack exchange，提问作者rbaleksandar