最近在使用django开发web页面时,使用ajax的post参数中带有数组,然后在 request.POST 里获取的数组时,数组变成了一个元组!!!官方给出的通过 request.POST.getlist('key') 来获取也是很鸡肉!那要怎么解决呢?

问题是这样,在前端js的post请求参数带有数组或字典:

    var body = {
        'account': account,
        'password': password,
        'array': [1, 2, 3],
        'dict': {'k1': 'v1', 'k2': 'v2'}
    $.ajax({
        url: url,
        type: "POST",
        data: body,

在django后python解析request.POST,获取数组就变成这样:

如果是这样写:

    if request.method == 'POST':
        array = request.POST['array']
        dict = request.POST['dict']

直接是报错:

raise MultiValueDictKeyError(key)
django.utils.datastructures.MultiValueDictKeyError: 'array'

所以我们要看看 request.POST 到底是什么类型,内容又是什么???

request.POST:
<QueryDict: {'account': ['account'], 'password': ['password'], 'array[]': ['1', '2', '3'], 'dict[k1]': ['v1'], 'dict[k2]': ['v2']}>

QueryDict ???字典!!!

从前端传入的数组,变成了字典,问题有三个:

array 变成 array[][1, 2, 3] 变成 ['1', '2', '3'] dict 变成 dict[k1]dict[k1]

其实,这个不是bug!!!

这是一个 django 自定义的类似字典的类,用来处理同一个键带多个值的情况。 python 原始的字典中,当一个键出现多个值的时候会发生冲突,只保留最后一个值。而在 HTML 表单中,通常会发生一个键有多个值的情况。

 query_string 需要一个字符串 a=1&a=2&c=3,例如:
>>> QueryDict('a=1&a=2&c=3')
<QueryDict: {'a': ['1', '2'], 'c': ['3']}>

那么怎么取值呢?

按照getlist(key) 拿不到:

但在后端得到的是这样:

<QueryDict: {'{"account":"account","password":"password","array":[1,2,3],"dict":{"k1":"v1","k2":"v2"}}': ['']}>

全部参数作为key的字典,显示不符合要求,并且导致处理复杂起来。

子级变成json字符串:
    var body = {
        'account': account,
        'password': password,
        'array': JSON.stringify([1, 2, 3]),
        'dict': JSON.stringify({'k1': 'v1', 'k2': 'v2'})

得到的结果:

<QueryDict: {'account': ['account'], 'password': ['password'], 'array': ['[1,2,3]'], 'dict': ['{"k1":"v1","k2":"v2"}']}>

数组和字典的全部值作为value,并且是string类型,显示不符合要求,并且导致处理复杂起来。

其实,我们知道后端为了多个相同key存在,所以才这样处理,那么我们可以这样考虑,让数据和字典不在是数组和字典,后端在还原不就可以啦!
    var body = {
        'account': account,
        'password': password,
        'array': '1' + JSON.stringify([1, 2, 3]),
        'dict': '1' + JSON.stringify({'k1': 'v1', 'k2': 'v2'})

让 'array'、'dict' 变成 ‘1’ + json字符串形式,然后后端按规则还原:

<QueryDict: {'account': ['account'], 'password': ['password'], 'array': ['1[1,2,3]'], 'dict': ['1{"k1":"v1","k2":"v2"}']}>

按规则还原:

    array = request.POST['array']
    dict = request.POST['dict']
    array_list = json.loads(array[1:])
    dict_list = json.loads(dict[1:])
20180905-request.POST-irregular.png

这样拿也许不是好办法,但是当你数组或字典数据非常多时,也就这样啦,当然,也可以json字符串后加密,这样后端也不能解析,如果需要,大家也可以这样做啊~

在处理这些数据时,可能是为了方便而方便,有时候只有清楚知道原因,才能更好的处理,上面的方法确实不是好方法,有时候还是按规则来处理更好,一个人开发还好,如果是多人,那将来可能会留下坑啊。

  • 关于ajax post 数据时django中request.body与request.POST问题 - 简书
  • django-QueryDict 对象 - scolia - 博客园
  • Request and response objects | Django documentation | Django
  • django中同通过getlist() 接收页面form的post数组 - ccorz - 博客园
  • 如有疑问,欢迎在评论区一起讨论!
  • 如有不正确的地方,欢迎指导!
  • 注:本文首发于 iHTCboy's blog,如若转载,请注来源

    Django+Vue开发生鲜电商平台之6.使用Vue实现商品类别和商品数据前台显示(下)
    由之前的效果图和需求分析可知,首页全部商品分类需要展示一级、二级和三级分类,而在搜索结果页只展示一级和二级分类,分类有两个Vue组件,即Header中的全部商品分类和左侧的某以及类别对应的分类导航栏,也对应两个数据接口。
    Django+Vue开发生鲜电商平台之6.使用Vue实现商品类别和商品数据前台显示(上)
    由之前的效果图和需求分析可知,首页全部商品分类需要展示一级、二级和三级分类,而在搜索结果页只展示一级和二级分类,分类有两个Vue组件,即Header中的全部商品分类和左侧的某以及类别对应的分类导航栏,也对应两个数据接口。
    利用 Django 动态展示 Pyecharts 图表数据的几种方法
    本文将介绍如何在 web 框架 Django 中使用可视化工具 Pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法!
    数据总览功能,是对网站中产生的数据进行一个统计,统计出视频数、发布数、用户数、评论数,等等。让管理者对网站数据有一个清晰的认识,做到心中有数。 在本站中,笔者一共列举了下面几种数据:视频数、发布中未发布、用户数、用户新增、评论数、评论新增,等几项内容。