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 相关文章推荐
ssh批量登录并执行命令的python实现代码
May 25 Python
总结python爬虫抓站的实用技巧
Aug 09 Python
python中OrderedDict的使用方法详解
May 05 Python
Python操作mysql数据库实现增删查改功能的方法
Jan 15 Python
TensorFlow中权重的随机初始化的方法
Feb 11 Python
pandas将DataFrame的列变成行索引的方法
Apr 10 Python
Python实现的json文件读取及中文乱码显示问题解决方法
Aug 06 Python
pygame游戏之旅 python和pygame安装教程
Nov 20 Python
python 解决mysql where in 对列表(list,,array)问题
Jun 06 Python
宝塔面板成功部署Django项目流程(图文)
Jun 22 Python
Python如何使用logging为Flask增加logid
Mar 30 Python
Python字典和列表性能之间的比较
Jun 07 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连mysql和oracle数据库性能比较
2006/10/09 PHP
phpize的深入理解
2013/06/03 PHP
PHP 获取文件权限函数介绍
2013/07/11 PHP
PHP模板引擎Smarty的缓存使用总结
2014/04/24 PHP
PHP+iframe图片上传实现即时刷新效果
2016/11/18 PHP
ThinkPHP 在阿里云上的nginx.config配置实例详解
2017/10/11 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
php实现统计IP数及在线人数的示例代码
2020/07/22 PHP
JXTree对象,读取外部xml文件数据,生成树的函数
2007/04/02 Javascript
Javascript this 的一些学习总结
2012/08/02 Javascript
JavaScript通过正则表达式实现表单验证电话号码
2014/03/07 Javascript
jquery向上向下取整适合分页查询
2014/09/06 Javascript
Angular2  NgModule 模块详解
2016/10/19 Javascript
babel基本使用详解
2017/02/17 Javascript
javascript 判断一个对象为数组的方法
2017/05/03 Javascript
vue移动端裁剪图片结合插件Cropper的使用实例代码
2017/07/10 Javascript
Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结(附代码)
2017/08/18 Javascript
原生JS上传大文件显示进度条 php上传文件代码
2020/03/27 Javascript
详解nuxt路由鉴权(express模板)
2018/11/21 Javascript
[01:46]2018完美盛典章节片——坚守
2018/12/17 DOTA
Python中的pass语句使用方法讲解
2015/05/14 Python
Python使用cx_Oracle模块将oracle中数据导出到csv文件的方法
2015/05/16 Python
python实现对文件中图片生成带标签的txt文件方法
2018/04/27 Python
Python数据抓取爬虫代理防封IP方法
2018/12/23 Python
python中spy++的使用超详细教程
2021/01/29 Python
详解移动端HTML5音频与视频问题及解决方案
2018/08/22 HTML / CSS
英国拳击装备购物网站:RDX Sports
2018/01/23 全球购物
NOTINO英国:在线购买美容和香水
2020/02/25 全球购物
运动鞋、街头服装、手表和手袋的实时市场:StockX
2020/11/25 全球购物
超市创意活动方案
2014/08/15 职场文书
庆祝国庆节演讲稿2014
2014/09/19 职场文书
学校机关党总支领导班子整改工作方案
2014/10/26 职场文书
入党积极分子群众意见
2015/06/01 职场文书
2015年迎新晚会策划书
2015/07/16 职场文书
演讲稿之我的初心我的成长
2019/08/12 职场文书
导游词之金鞭溪风景区
2019/09/12 职场文书