Django:从QueryDict中读取JSON对象的数组

时间:2012-04-05 20:36:13

标签: javascript ajax django request http-request

如何通过JS和服务器端的AJAX调用传递复合JSON结构,在python中将其读作“非常相似”的数据结构?

我明白可以使用json格式(simplejson等),但我觉得QueryDict本身在我的情况下格式错误或重新格式化了?

示例:

当通过AJAX向Django视图传递JSON对象[{“id”:1},{“id”:2},{“id”:3}]的数组时,QueryDict的格式为:

POST:<QueryDict: {u'json_data[0][id]': [u'1'], u'type': [u'clone'], 
u'csrfmiddlewaretoken': [u'69bb3c434ced31ab301ede04bf491ec0'], 
u'json_data[1][id]': [u'2'], u'json_data[2][id]': [u'3']}>

我如何迭代json_data?

我希望得到这样的东西:

POST:<QueryDict: {u'json_data': [{u'id': [u'1']}, {u'id': [u'2']}, {u'id': [u'3']}]},
u'csrfmiddlewaretoken': [u'69bb3c434ced31ab301ede04bf491ec0'], u'type': [u'clone']>

这样我就可以将QueryDict作为字典访问并将json_data作为列表检索并按特定顺序处理它:可能只是按顺序列表顺序遍历它们。 类似的东西:

ret = request.POST
for item in ret['json_data']:
    process(item['id'])

实际上,进入process()的值可能是键值对的另一个字典,而不仅仅是一个数字(1,2,3等)

使用Javascript:

var test = [{"id": 1},{"id": 2},{"id": 3}];
$.post(
    "/insert_tc",
    {
      json_data: test,
      "type": 'clone',
      "csrfmiddlewaretoken": $csrf_token
    },  
    function(json) {
        //CALLBACK
    },
    "json"
);  

views.py:

def insert_tc(request):
    if request.method == 'POST':       
    ret = request.POST
    type = ret['type']
    list = ret.getlist(ret)

但是list返回空[]

我尝试过simplejson转储,加载,项目,获取方法,但没有一个帮助。

我甚至尝试过jQuery.param(obj,true),但这不是我想要的(尽管有些接近)。

是否有不同/更好的方式来回传递复合数据结构Django&lt; - &gt; JS通过AJAX?

2 个答案:

答案 0 :(得分:12)

您应该使用JSON.stringify()对JSON进行字符串化。这会将JSON对象转换为字符串格式,以便在另一端正确解析。另一方面,你需要使用json.loads()来&#34; unstringify&#34;对象。

<强>的javascript

var test = [{"id": 1},{"id": 2},{"id": 3}];
$.post(
    "/insert_tc",
    {
      json_data: JSON.stringify(test),
      "type": 'clone',
      "csrfmiddlewaretoken": $csrf_token
    },  
    function(json) {
        //CALLBACK
    },
    "json"
);  

查看

import json
def insert_tc(request):
    if request.method == 'POST':       
        ret = request.POST
        type = ret['type']
        list = json.loads(ret['json_data'])

答案 1 :(得分:7)

这实际上是jQuery,而不是Django,很奇怪。您的test变量不包含JSON,而是实际的JS对象。 jQuery,出于自身最熟悉的原因,在发布之前将其解析为一些非常奇怪的格式,因此得到的结果。如果你这样做了(注意整个事情的引号):

var test = '[{"id": 1},{"id": 2},{"id": 3}]';

你会发现你几乎得到了你期望的QueryDict:你唯一需要做的就是致电json.loads(ret['json_data'])

也是因为我无法理解的原因。 jQuery不包含任何将对象数组转换为JSON的功能。你需要找到一个插件或单独的库。