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 相关文章推荐
python实现的重启关机程序实例
Aug 21 Python
使用Python程序抓取新浪在国内的所有IP的教程
May 04 Python
Python创建模块及模块导入的方法
May 27 Python
使用Python爬取最好大学网大学排名
Feb 24 Python
Python解析、提取url关键字的实例详解
Dec 17 Python
python自带tkinter库实现棋盘覆盖图形界面
Jul 17 Python
python调用接口的4种方式代码实例
Nov 19 Python
Django密码存储策略分析
Jan 09 Python
Tensorflow实现多GPU并行方式
Feb 03 Python
详谈tensorflow gfile文件的用法
Feb 05 Python
python爬虫看看虎牙女主播中谁最“顶”步骤详解
Dec 01 Python
python中pandas.read_csv()函数的深入讲解
Mar 29 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
网页游戏开发入门教程二(游戏模式+系统)
2009/11/02 PHP
PHP添加Xdebug扩展的方法
2014/02/12 PHP
php实现约瑟夫问题的方法小结
2015/03/23 PHP
php HTML无刷新提交表单
2016/04/05 PHP
jQuery AJAX 调用WebService实现代码
2010/03/24 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
2011/10/29 Javascript
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
2011/11/30 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
2015/04/07 Javascript
JavaScript中pop()方法的使用教程
2015/06/09 Javascript
JSONP原理及简单实现
2016/06/08 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
2017/09/18 Javascript
vue 监听屏幕高度的实例
2018/09/05 Javascript
axios取消请求的实践记录分享
2018/09/26 Javascript
vue单页面在微信下只能分享落地页的解决方案
2019/04/15 Javascript
Vue引入Stylus知识点总结
2020/01/16 Javascript
Python最基本的数据类型以及对元组的介绍
2015/04/14 Python
Python 装饰器使用详解
2017/07/29 Python
Python2.7+pytesser实现简单验证码的识别方法
2017/12/29 Python
解决python 未发现数据源名称并且未指定默认驱动程序的问题
2018/12/07 Python
Python 安装第三方库 pip install 安装慢安装不上的解决办法
2019/06/18 Python
通过selenium抓取某东的TT购买记录并分析趋势过程解析
2019/08/15 Python
OpenCV+Python--RGB转HSI的实现
2019/11/27 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
纯CSS3实现圆角效果(含IE兼容解决方法)
2014/05/07 HTML / CSS
Craghoppers德国官网:户外和旅行服装
2020/02/14 全球购物
毕业生自荐信
2013/12/14 职场文书
高校十八大报告感想
2014/01/27 职场文书
安全生产实施方案
2014/02/23 职场文书
公司开业庆典策划方案
2014/06/04 职场文书
关于诚信的活动方案
2014/08/18 职场文书
小学语文教师年度考核个人总结
2015/02/05 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
运动会加油稿30字
2015/07/21 职场文书
最新农村养殖致富:资金投入较低的创业项目有哪些?
2019/09/26 职场文书
企业内部管理控制:采购授权审批制度范本
2020/01/19 职场文书
使用CSS实现黑白格背景效果
2022/06/01 HTML / CSS