在 django 中传递 json 和反序列化表单

Question

接下来是问题：我使用 ajax 向服务器发送了一些发布数据。此数据如下所示：

data = {
  form : $(this).serialize(),
  some_array: [2,3,4,1]
}

如何在 django 中获取表单对象？ request.POST['form'] 返回带有表单的字符串。我正在尝试使用import json 库。

但是，当我跑步时 value = json.load(request.POST['some_array']) 或 form = json.load(request.POST['form']) 它不起作用。

打印request.POST['form'] 会返回以下内容：

u'csrfmiddlewaretoken=I3LWAjfhZRGyd5NS3m9XcJkfklxNhxOR& address_city=%D0%9A%D0%B8%D1%97%D0%B2& address_street=2& address_building=3& delivery_time=2015-05-15'

Answer 1

表单数据不是以 JSON 编码，而是作为查询字符串编码。 您可以使用标准库中的urlparse.parse_qs 来解析该查询字符串。

例子：

from urlparse import parse_qs


form_data = parse_qs(request.POST['form'].encode('ASCII'))  # Query strings use only ASCII code points so it is safe.

# To access address_city:
address_city = form_data['address_city'][0].decode('utf-8')

# If you plan to pass form_data to a Django Form,
# use QueryDict instead of parse_qs:
from django.http import QueryDict


form_data = QueryDict(request.POST['form'].encode('ASCII'))

Answer 2

解决方案 1

除了 aumo 的回答，假设您使用的是 jQuery，您实际上可能想要使用 .serializeArray() 而不是 .serialize()，来生成一个 JSON 对象，然后您可以使用 JSON.stringify 和 POST。

data = {
  form : $(this).serializeArray(),
  some_array: [2,3,4,1]
};

$.ajax(url, {
  data: JSON.stringify(data),
  contentType: 'application/json',
  type: 'POST',
});

正如您在 cmets 中指出的那样，serializeArray JSON 输出的格式不容易被 Django 表单使用，在通过 json.load 反序列化内容后需要进一步处理。

data = json.load(request)
value = data['some_array']

form_data = {}
for f in data['form']:
    if f not in form_data:
        form_data[f['name']] = f['value']
    elif not isinstance(form_data[f['name']], list):
        form_data[f['name']] = [form_data[f['name']], f['value']]
    else:
        form_data[f['name']].append(f['value'])

form = MyForm(data=form_data)

解决方案 2

再次查看代码后，在前端将表单数据序列化为正确的 json 格式可能会更好（并且更通用以确保未来安全）。

虽然对此有很多解决方案；我最好的选择是使用诸如jquery-serialize-object 之类的久经考验/流行的库，代码更改会很小：

<script src="jquery.serialize-object.min.js"></script>
<script>
    data = {
      form : $(this).serializeObject(),
      some_array: [2,3,4,1]
    };

    $.ajax(url, {
      data : JSON.stringify(data),
      contentType : 'application/json',
      type : 'POST',
    });
</script>

然后服务器代码会简单得多

data = json.load(request)
value = data['some_array']
form = MyForm(data=data['form'])