在使用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
而不是urlencodes
無法解析JSON
,所以才會出現上面的結果。 解決的方法有很多,最簡單粗暴的辦法就是在每個視圖函數裡面都將
進行解析<pre class="brush:php;toolbar:false">def myviews(request):
data = urlencode(json.loads(request.body))
q_data = QueryDict(data)</pre>
我們可以把這類操作提取出來,寫成
,在request
requestrequest
request
requestrequest
requestrequest
requestrequest
requestrequest
requestrequest
requestrequest
request請求到達視圖函數之前就給統一處理好<pre class="brush:php;toolbar:false">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</pre>
因為有的request
請求當中沒有CONTENT-TYPE
這個Header
,所以我們需要判斷一下,之所以不簡單的轉換成Dict
而是QueryDict
是因為遵循一致性的原則,我們想要將結果綁定在request.GET
或request.POST
上面,而它們都是QueryDict
類型。
和
Dict最大的區別是
QueryDict
value
存在列表當中,並且QueryDict
是不可修改類型。所以當
是列表時我們也必須做一下判斷,否則整個列表將作為一個元素存入
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中文網! 🎜🎜🎜🎜🎜🎜