Django解析Angular的POST数据

在使用Django和Angular的过程中，遇到过一个Angular向Django POST数据的问题。

// Angular
$http({
    url: "myviews",
    method: "POST",
    data: {'text': 'hello world', 'date': '2017-01-04'}
}) 

# Django
def myviews(request):
    print request.POST
    print request.body 

以上将会打印出

<QueryDict: {}>
u"{'text': 'hello world', 'date': '2017-01-04'}" 

而我们期望是这样的结果

<QueryDict: {u'text': u'hello world', u'date': u'2017-01-04'}>
u"{'text': 'hello world', 'date': '2017-01-04'}" 

出现这种问题是因为Angular默认发送的数据格式是 JSON 而不是 urlencode ，而Django的 request.POST 无法解析 JSON ，所以才会出现上面的结果。

解决的办法有很多，最简单粗暴的办法就是在每个视图函数里面都将 request.body 进行解析

def myviews(request):
    data = urlencode(json.loads(request.body))
    q_data = QueryDict(data) 

我们可以把这类操作提取出来，写成 Middlerware ，在 request 请求到达视图函数之前就给统一处理好

class JSONMiddleware(object):
    """
    Process application/json requests data from GET and POST requests.
    """
    def process_request(self, request):
        if 'application/json' in request.META['CONTENT_TYPE']:
            data = json.loads(request.body)
            q_data = QueryDict('', mutable=True)

            for key, value in data.iteritems():
                if isinstance(value, list):
                    for x in value:
                        q_data.update({key: x})
                else:
                    q_data.update({key: value})

            if request.method == 'GET':
                request.GET = q_data

            if request.method == 'POST':
                request.POST = q_data
        return None 

因为有的 request 请求当中没有 CONTENT-TYPE 这个 Header ，所以我们需要判断一下，之所以不简单的转化成 Dict 而是 QueryDict 是因为遵循一致性的原则，我们想要将结果绑定在 request.GET 或者 request.POST 上面，而它们都是 QueryDict 类型。 QueryDict 和 Dict 最大的区别是 QueryDict 将每个 value 存在列表当中，并且 QueryDict 是不可修改类型。所以当 value 是列表时我们也必须做一下判断，否则整个列表将作为一个元素存入 QueryDict 的列表当中。

a = {"a": [123, 456, 444], "b": 456}
# 不做判断
data = QueryDict('', mutable=True)
for k, v in a.iteritems():
    data.update({k: v})
print data

# 做判断
data = QueryDict('' mutable=True)
for k, v in a.iteritems():
    if isinstance(v, list):
        for x in value:
            data.update({k: x})
    else:
        data.update({k: v})
print data 

<QueryDict: {u'a': [[123, 456, 444]], u'b': [456]}>
<QueryDict: {u'a': [123, 456, 444], u'b': [456]}> 

更多Django解析Angular的POST数据相关文章请关注PHP中文网！

查看更多关于Django解析Angular的POST数据的详细内容...