django中ajax post数据时request.POST获取数组问题

简介: 1、前言最近在使用django开发web页面时,使用ajax的post参数中带有数组,然后在 request.POST 里获取的数组时,数组变成了一个元组!!!官方给出的通过 request.

1、前言

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

2、问题

问题是这样,在前端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) 拿不到:

img_70c8e15b86675f79e8ec87eb49905216.png
20180905-request.POST-getlist-key.png

[key] 只取到容器的最后一个值:

img_8fb4dfc429c888e592977ced4b0e45e4.png
20180905-request.POST-get.png

getlist(key[]) 数组可以拿到字符串数组,但是字典就只能一个一个拿了!

img_0abf425abd00a81460a493de948a5d90.png
20180905-request.POST-getlist.png

3、解决方法

  • 方法一

在前端的body参数变成json字符串:

    var body = JSON.stringify({
        'account': account,
        'password': password,
        'array': [1, 2, 3],
        'dict': {'k1': 'v1', 'k2': 'v2'}
    })

但在后端得到的是这样:

<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:])
img_3d57f77e877e96a7602fd9739e19b373.png
20180905-request.POST-irregular.png

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

总结

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

参考


  • 如有疑问,欢迎在评论区一起讨论!
  • 如有不正确的地方,欢迎指导!


注:本文首发于 iHTCboy's blog,如若转载,请注来源

目录
相关文章
|
3天前
|
Web App开发 前端开发 JavaScript
Python编程—Ajax数据爬取(一)
Python编程—Ajax数据爬取(一)
|
3天前
|
前端开发 NoSQL MongoDB
Python编程—Ajax数据爬取(二)
Python编程—Ajax数据爬取(二)
14 0
|
1月前
|
JSON 前端开发 数据格式
layui 穿梭框transfer组件 数据data用ajax来获取
layui 穿梭框transfer组件 数据data用ajax来获取
54 2
|
2月前
|
数据采集 自然语言处理 监控
【优秀python毕设案例】基于python django的新媒体网络舆情数据爬取与分析
本文介绍了一个基于Python Django框架开发的新媒体网络舆情数据爬取与分析系统,该系统利用Scrapy框架抓取微博热搜数据,通过SnowNLP进行情感分析,jieba库进行中文分词处理,并以图表和词云图等形式进行数据可视化展示,以实现对微博热点话题的舆情监控和分析。
【优秀python毕设案例】基于python django的新媒体网络舆情数据爬取与分析
|
2月前
|
API 数据库 开发者
【独家揭秘】Django ORM高手秘籍:如何玩转数据模型与数据库交互的艺术?
【8月更文挑战第31天】本文通过具体示例详细介绍了Django ORM的使用方法,包括数据模型设计与数据库操作的最佳实践。从创建应用和定义模型开始,逐步演示了查询、创建、更新和删除数据的全过程,并展示了关联查询与过滤的技巧,帮助开发者更高效地利用Django ORM构建和维护Web应用。通过这些基础概念和实践技巧,读者可以更好地掌握Django ORM,提升开发效率。
25 0
|
2月前
|
监控 数据可视化 前端开发
基于python django生产数据与计划大屏,可链接数据库
本文介绍了一个基于Python Django框架开发的生产数据与计划大屏系统,该系统能够实时采集和展示生产数据,支持数据可视化和实时更新,以提高生产监控的效率和质量。
|
2月前
|
数据可视化 安全 前端开发
基于Django的美团药品数据分析与可视化系统,有多用户功能,可增删改查数据
本文介绍了一个基于Django框架开发的美团药品数据分析与可视化系统,该系统具备多用户功能,支持数据的增删改查操作,并采用MySQL、pandas、echarts和bootstrap技术栈,为用户提供了一个高效、安全且实用的药品数据管理和分析平台。
基于Django的美团药品数据分析与可视化系统,有多用户功能,可增删改查数据
|
2月前
|
JSON 前端开发 JavaScript
Django入门到放弃之ajax
Django入门到放弃之ajax
|
2月前
|
关系型数据库 MySQL Python
[django]数据的导入和导出
[django]数据的导入和导出
|
4月前
|
JSON 搜索推荐 数据库
Django REST framework数据展示技巧:分页、过滤与搜索的实用配置与实践
Django REST framework数据展示技巧:分页、过滤与搜索的实用配置与实践