python实现通过flask和前端进行数据收发
时间:2019-08-22
本文章向大家介绍python实现通过flask和前端进行数据收发,主要包括python实现通过flask和前端进行数据收发使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
python代码:
# -*- coding: utf-8 -*- from flask import Flask,jsonify,render_template,request import json app = Flask(__name__)#实例化app对象 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都可以访问 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">数据展示:</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实现通过flask和前端进行数据收发就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
- 使用Linq to Sql 创建数据库和表
- Flink DataSet编程指南-demo演示及注意事项
- 解决 wcf HTTP 无法注册 另一应用程序正在使用 TCP 端口 80
- 构建Flink工程及demo演示
- F-Stack之kqueue封装为epoll介绍
- wcf http 返回图片
- F-Stack与Seastar对比
- Flink DataStream编程指南及使用注意事项。
- sqlserver 行转列
- FreeBSD下的工具(sysctl、netstat等)如何移植到F-Stack
- java面试基础知识(一)
- Linq 实现 DataTable 行转列
- sql常用的系统存储过程
- 用DPDK rte_ring实现多进程间通信
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法