javascript - 怎么從flask中接受從jquery發(fā)送的json數(shù)據(jù)?
問題描述
flask app中從前端接受json的數(shù)據(jù),但是flask的request中并沒有接受成功,其中沒有數(shù)據(jù),換了很多函數(shù)都行不通。js代碼
$(function(){ $('#test').click(function(){$.ajax({ url: '{{ url_for(’main.getjson’) }}', type: 'POST', data: JSON.stringify({'n1': 'test1','n2': 'test2','n3': 'test3' }), dataType: 'json', success: function(data){var a = data.uservar texthtml = '<p>' + a + '</p>'$('#result').html(texthtml) }}); });});
flask中的視圖函數(shù):
@main.route(’/getjson’, methods = [’GET’, ’POST’])def getjson(): a = request.json if a:return jsonify(user = 'Right') return jsonify(user = 'error')
僅僅判斷request.json是不是存在,但是返回來的總是“error”的字符串。request.json中總是null。后來換了request.args.get(),同樣行不通。到底是哪里出錯了,真心求教。
問題解答
回答1:找到答案了,僅僅是在jquery部分出了問題。$.ajax的參數(shù)contentType,默認是 'application/x-www-form-urlencoded',需要把這個參數(shù)設置成application/json。
$.ajax({url: '{{ url_for(’main.getjson’) }}',type: 'POST',data: JSON.stringify({ 'n1': 'test1', 'n2': 'test2', 'n3': 'test3'}),contentType: 'application/json',dataType: 'json',success: function(data){ var a = data.user var texthtml = '<p>' + a + '</p>' $('#result').html(texthtml)} });
參考:https://flask.readthedocs.io/...http://stackoverflow.com/ques...
回答2:jquery的ajax發(fā)送data的時候不需要JSON.stringify.他會自動處理.
回答3:根據(jù)你的描述,你的已經(jīng)把問題找到了,為什么不繼續(xù)嘗試一下,或者看下文檔
@app.route(’/api’, methods=[’POST’])def api(): a = request.json b = request.get_data() c = request.values print a print b print c if a:return ’ok’ return ’error one’
輸出結果
None{'id':1}CombinedMultiDict([ImmutableMultiDict([]), ImmutableMultiDict([(’{'id':1}’, u’’)])])
request.json很奇葩,確實沒數(shù)據(jù),但是它是可以用的,你這里沒用的原因如下:
json If the mimetype is application/json this will contain the parsedJSON data. Otherwise this will be None. The get_json() method shouldbe used instead.但是我使用get_json(),它無情的報錯說AttributeError: ’Request’ object has no attribute ’get_json’
所以我只是成功使用過一次request.json,后來再也沒有成功過,因為它很神奇,如果可以找一個替代request.json吧。
相關文章:
1. node.js - 為什么用file協(xié)議打開的html可以連接websocket2. javascript - 為什么express,get的res.sendFile返回的是html純文本?3. CSS3中偽類選擇器的問題??求大神們解答4. node.js - 為什么npm安裝vue-cli會出現(xiàn)下面的錯誤??!!!?5. 微信支付 - python做微信企業(yè)付款出現(xiàn)CA證書錯誤6. 了解Java中的有限泛型。有什么意義?7. javascript - 用jquery實現(xiàn)表格行 置頂之后 如何跟后臺用ajax交互 在刷新之后仍保持當前位置?8. 前端 - css3傾斜帶來問題部分?9. javascript - Web微信聊天輸入框解決方案10. 網(wǎng)站在移動的環(huán)境下手機,pc打不開
