Flask中向前端傳遞或者接收Json文件的方法


1. 利用flask的request.form.get()方法

這一中方法主要利用flask的request.form.get方法,獲得前端發送給后台的json文件

Python 端代碼:

@app.route('/sendjson', methods=['POST']) def sendjson(): # 接受前端發來的數據 data = json.loads(request.form.get('data')) # lesson: "Operation System" # score: 100 lesson = data["lesson"] score = data["score"] # 自己在本地組裝成Json格式,用到了flask的jsonify方法 info = dict() info['name'] = "pengshuang" info['lesson'] = lesson info['score'] = score return jsonify(info) 

JS代碼:

<script> $(document).ready(function () { var data = { data: JSON.stringify({"lesson": "Operation System", "score": 100}) } $.ajax({ url:"/sendjson", type: 'POST', data: data, success: function (msg) { alert(msg.name) } }) }); </script> 

2. 利用flask的request.get_data()方法

Python端代碼:

@app.route('/sendjson2',methods=['POST']) def sendjson2(): # 接收前端發來的數據,轉化為Json格式,我個人理解就是Python里面的字典格式 data = json.loads(request.get_data()) # 然后在本地對數據進行處理,再返回給前端 name = data["name"] age = data["age"] location = data["location"] data["time"] = "2016" # Output: {u'age': 23, u'name': u'Peng Shuang', u'location': u'China'} # print data return jsonify(data) 

相比第一種方法JS的代碼,這一種更常見也更容易理解一些,在前端組織好Json,再傳遞給后台

JS代碼:

 
 <script> $(document).ready(function () { var student = new Object(); student.name = "Peng Shuang"; student.age = 23; student.location = "China"; var data = JSON.stringify(student) $.ajax({ url: "/sendjson2", type: "POST", data: data, success: function (msg) { alert(msg.time) } }) }) </script>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM