python實(shí)現(xiàn)通過(guò)flask和前端進(jìn)行數(shù)據(jù)收發(fā)
python代碼:
# -*- coding: utf-8 -*- from flask import Flask,jsonify,render_template,request import json app = Flask(__name__)#實(shí)例化app對(duì)象 testInfo = {} num=10 @app.route('/test_post/nn',methods=['GET','POST'])#路由 def test_post(): global num '''receive data''' recv_data = request.get_data() if recv_data: print recv_data json_re = json.loads(recv_data) print json_re['email'] print json_re['phone'] else: print("receive data is empty") '''send data''' num = num + 1 testInfo['name'] = 'xiaoming' testInfo['age'] = num return json.dumps(testInfo) @app.route('/') def hello_world(): return 'Hello World!' @app.route('/index') def index(): return render_template('index.html') if __name__ == '__main__': app.run(host='0.0.0.0',#任何ip都可以訪問(wèn) port=7777,#端口 debug=True )
前端代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>echarts</title> <style type="text/css"> html, body { width: 100%; height: 100%; } body { margin: 0px; padding: 0px } div { float: left; } #container { width: 50%; height: 100%; } #info { padding: 10px 20px; } </style> </head> <body> <div id="container"></div> <div id="info">數(shù)據(jù)展示:</div> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script> <script> var student = { email:'123456', phone:'121421421', }; var senddata = JSON.stringify(student); console.log(senddata) setInterval(function query() { $.ajax({ url: "test_post/nn", type: "POST", data: senddata, dataType: "json", success: function (data) { console.log(data) } }) }, 1000); </script> </body> </html>
以上這篇python實(shí)現(xiàn)通過(guò)flask和前端進(jìn)行數(shù)據(jù)收發(fā)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
使用fdopen實(shí)現(xiàn)對(duì)Python進(jìn)程產(chǎn)生的文件進(jìn)行權(quán)限最小化配置
用python進(jìn)行文件的創(chuàng)建和讀寫(xiě)操作時(shí),我們很少關(guān)注所創(chuàng)建的文件的權(quán)限配置。本文就來(lái)聊聊如何使用fdopen實(shí)現(xiàn)對(duì)Python進(jìn)程產(chǎn)生的文件進(jìn)行權(quán)限最小化配置吧2023-03-03CentOS中使用virtualenv搭建python3環(huán)境
virtualenv可以搭建虛擬且獨(dú)立的python環(huán)境,可以使每個(gè)項(xiàng)目環(huán)境與其他項(xiàng)目獨(dú)立開(kāi)來(lái),保持環(huán)境的干凈,解決包沖突問(wèn)題。下面我們來(lái)詳細(xì)探討下centos中如何來(lái)搭建。2015-06-06Numpy中stack(),hstack(),vstack()函數(shù)用法介紹及實(shí)例
這篇文章主要介紹了Numpy中stack(),hstack(),vstack()函數(shù)用法介紹及實(shí)例,具有一定借鑒價(jià)值,需要的朋友可以參考下2018-01-01Python使用zmail進(jìn)行郵件發(fā)送的示例詳解
這篇文章主要為大家詳細(xì)介紹了Python如何使用zmail進(jìn)行郵件發(fā)送功能,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,有需要的小伙伴可以參考一下2024-03-03python機(jī)器學(xué)習(xí)實(shí)戰(zhàn)之K均值聚類(lèi)
這篇文章主要為大家詳細(xì)介紹了python機(jī)器學(xué)習(xí)實(shí)戰(zhàn)之K均值聚類(lèi),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12