python实现通过flask和前端进行数据收发


Posted in Python onAugust 22, 2019

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和前端进行数据收发就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
学习python处理python编码问题
Mar 13 Python
python3模拟百度登录并实现百度贴吧签到示例分享(百度贴吧自动签到)
Feb 24 Python
Python入门篇之字典
Oct 17 Python
Python实现Linux中的du命令
Jun 12 Python
详谈python read readline readlines的区别
Sep 22 Python
python编写微信远程控制电脑的程序
Jan 05 Python
python从子线程中获得返回值的方法
Jan 30 Python
python中的单引号双引号区别知识点总结
Jun 23 Python
如何使用Python 打印各种三角形
Jun 28 Python
python 画3维轨迹图并进行比较的实例
Dec 06 Python
在PyCharm中遇到pip安装 失败问题及解决方案(pip失效时的解决方案)
Mar 10 Python
python爬虫--selenium模块
Mar 31 Python
python2.7的flask框架之引用js&amp;css等静态文件的实现方法
Aug 22 #Python
PyQt+socket实现远程操作服务器的方法示例
Aug 22 #Python
使用python os模块复制文件到指定文件夹的方法
Aug 22 #Python
详解Django-channels 实现WebSocket实例
Aug 22 #Python
解决python3 requests headers参数不能有中文的问题
Aug 21 #Python
python通过robert、sobel、Laplace算子实现图像边缘提取详解
Aug 21 #Python
Python爬虫:url中带字典列表参数的编码转换方法
Aug 21 #Python
You might like
PHP实现货币换算的方法
2014/11/29 PHP
详解PHP中的状态模式编程
2015/08/11 PHP
PHP编程中尝试程序并发的几种方式总结
2016/03/21 PHP
JavaScript与DropDownList 区别分析
2010/01/01 Javascript
JavaScript Date对象 日期获取函数
2010/12/19 Javascript
给jqGrid数据行添加修改和删除操作链接(之一)
2011/11/04 Javascript
hover的用法及live的用法介绍(鼠标悬停效果)
2013/03/29 Javascript
Jquery实现自定义窗口随意的拖拽
2014/03/12 Javascript
javascript浏览器窗口之间传递数据的方法
2015/01/20 Javascript
js判断图片加载完成后获取图片实际宽高的方法
2016/02/25 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
2016/04/01 Javascript
只需五句话搞定JavaScript作用域(经典)
2016/07/26 Javascript
Bootstrap3 Grid system原理及应用详解
2016/09/30 Javascript
Javascript blur与click冲突解决办法
2017/01/09 Javascript
Vue.js bootstrap前端实现分页和排序
2017/03/10 Javascript
vue2.0 实现页面导航提示引导的方法
2018/03/13 Javascript
微信小程序实现页面浮动导航
2020/01/08 Javascript
Vue中 axios delete请求参数操作
2020/08/25 Javascript
js canvas实现俄罗斯方块
2020/10/11 Javascript
Python使用plotly绘制数据图表的方法
2017/07/18 Python
seek引发的python文件读写的问题及解决
2019/07/26 Python
django 环境变量配置过程详解
2019/08/06 Python
Python如何访问字符串中的值
2020/02/09 Python
Python map及filter函数使用方法解析
2020/08/06 Python
python 模拟登录B站的示例代码
2020/12/15 Python
在PyCharm中安装PaddlePaddle的方法
2021/02/05 Python
标记环介质访问控制协议
2016/03/27 面试题
C# .NET面试题
2015/11/28 面试题
致短跑运动员广播稿
2014/01/09 职场文书
学校火灾防控方案
2014/06/09 职场文书
电子商务专业毕业生求职信
2014/06/12 职场文书
导游欢送词
2015/01/31 职场文书
2015年社区卫生工作总结
2015/04/21 职场文书
论文致谢词范文
2015/05/14 职场文书
交通事故起诉书
2015/05/19 职场文书
golang定时器
2022/04/14 Golang