python使用flask与js进行前后台交互的例子


Posted in Python onJuly 19, 2019

flask与js进行前后台交互代码如下,后台给前端发数据:

python部分:

# -*- coding: utf-8 -*-
from flask import Flask,jsonify,render_template
import json
 
app = Flask(__name__)#实例化app对象
 
testInfo = {}
 
@app.route('/test_post/nn',methods=['GET','POST'])#路由
def test_post():
  testInfo['name'] = 'xiaoming'
  testInfo['age'] = '28'
  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
      )

js部分:

<!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>
    $.ajax({
    url: "test_post/nn",
    type: "POST",
    dataType: "json",
    success: function (data) {
      console.log(data)
    }
    })
 
	</script>
  
</body>
 
</html>

以上这篇python使用flask与js进行前后台交互的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
Cython 三分钟入门教程
Sep 17 Python
Python StringIO模块实现在内存缓冲区中读写数据
Apr 08 Python
用于统计项目中代码总行数的Python脚本分享
Apr 21 Python
使用Python脚本将文字转换为图片的实例分享
Aug 29 Python
Python基于matplotlib实现绘制三维图形功能示例
Jan 18 Python
Tensorflow实现AlexNet卷积神经网络及运算时间评测
May 24 Python
flask框架实现连接sqlite3数据库的方法分析
Jul 16 Python
对python读写文件去重、RE、set的使用详解
Dec 11 Python
python实现年会抽奖程序
Jan 22 Python
Python Numpy 实现交换两行和两列的方法
Jun 26 Python
python 实现将小图片放到另一个较大的白色或黑色背景图片中
Dec 12 Python
10个python3常用排序算法详细说明与实例(快速排序,冒泡排序,桶排序,基数排序,堆排序,希尔排序,归并排序,计数排序)
Mar 17 Python
Django 模型类(models.py)的定义详解
Jul 19 #Python
Tensorflow实现神经网络拟合线性回归
Jul 19 #Python
使用TensorFlow实现简单线性回归模型
Jul 19 #Python
详解将Python程序(.py)转换为Windows可执行文件(.exe)
Jul 19 #Python
简单了解django缓存方式及配置
Jul 19 #Python
python实现最小二乘法线性拟合
Jul 19 #Python
这可能是最好玩的python GUI入门实例(推荐)
Jul 19 #Python
You might like
提升PHP执行速度全攻略
2006/10/09 PHP
十天学会php之第八天
2006/10/09 PHP
php file_put_contents()功能函数(集成了fopen、fwrite、fclose)
2011/05/24 PHP
php set_time_limit()函数的使用详解
2013/06/05 PHP
thinkphp配置连接数据库技巧
2014/12/02 PHP
PHP防盗链的基本思想 防盗链的设置方法
2015/09/25 PHP
PHP中串行化用法示例
2016/11/16 PHP
php实现解析xml并生成sql语句的方法
2018/02/03 PHP
PHP后门隐藏的一些技巧总结
2020/11/04 PHP
js事件(Event)知识整理
2012/10/11 Javascript
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
2017/12/07 Javascript
vue 源码解析之虚拟Dom-render
2019/08/26 Javascript
Vue axios 将传递的json数据转为form data的例子
2019/10/29 Javascript
[28:28]Ti4 冒泡赛第二天NEWBEE vs NaVi 2
2014/07/15 DOTA
使用python实现baidu hi自动登录的代码
2013/02/10 Python
python类和函数中使用静态变量的方法
2015/05/09 Python
python实现矩阵乘法的方法
2015/06/28 Python
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
python使用SMTP发送qq或sina邮件
2017/10/21 Python
python使用sqlite3时游标使用方法
2018/03/13 Python
详解Python 协程的详细用法使用和例子
2018/06/15 Python
使用pip发布Python程序的方法步骤
2018/10/11 Python
Tensorflow实现酸奶销量预测分析
2019/07/19 Python
python 自定义装饰器实例详解
2019/07/20 Python
django 数据库连接模块解析及简单长连接改造方法
2019/08/29 Python
django queryset相加和筛选教程
2020/05/18 Python
Pytest如何使用skip跳过执行测试
2020/08/13 Python
python3.7.3版本和django2.2.3版本是否可以兼容
2020/09/01 Python
ASOS英国官网:英国在线时装和化妆品零售商
2017/05/19 全球购物
大专毕业生简历的自我评价
2013/10/20 职场文书
网上书店创业计划书
2014/01/12 职场文书
大学生蛋糕店创业计划书
2014/01/13 职场文书
关于有小孩的离婚协议书
2014/10/26 职场文书
spring boot中nativeQuery的用法
2021/07/26 Java/Android
Mysql 数据库中的 redo log 和 binlog 写入策略
2022/04/26 MySQL