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和pyqt实现360的CLable控件
Feb 21 Python
Python中内建函数的简单用法说明
May 05 Python
python字符类型的一些方法小结
May 16 Python
python实现聚类算法原理
Feb 12 Python
Python去除、替换字符串空格的处理方法
Apr 01 Python
Python自动化运维之Ansible定义主机与组规则操作详解
Jun 13 Python
使用Python为中秋节绘制一块美味的月饼
Sep 11 Python
Django3.0 异步通信初体验(小结)
Dec 04 Python
使用Python操作ArangoDB的方法步骤
Feb 02 Python
python 最简单的实现适配器设计模式的示例
Jun 30 Python
python字符串拼接+和join的区别详解
Dec 03 Python
使用pandas实现筛选出指定列值所对应的行
Dec 13 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
WML,Apache,和 PHP 的介绍
2006/10/09 PHP
php4与php5的区别小结(配置异同)
2011/12/20 PHP
php实现CSV文件导入和导出
2015/10/24 PHP
List Installed Software Features
2007/06/11 Javascript
通过修改referer下载文件的方法
2008/05/11 Javascript
html数组字符串拼接的最快方法
2009/09/16 Javascript
解析JavaScript中点号“.”的多义性
2013/12/02 Javascript
jquery专业的导航菜单特效代码分享
2015/08/29 Javascript
Javascript函数式编程简单介绍
2015/10/11 Javascript
Node.js检测端口(port)是否被占用的简单示例
2016/09/29 Javascript
原生JS实现图片轮播切换效果
2016/12/15 Javascript
基于JavaScript实现带缩略图的轮播效果
2017/01/12 Javascript
在Vue中如何使用Cookie操作实例
2017/07/27 Javascript
vue-awesome-swiper滑块插件使用方法详解
2017/11/27 Javascript
开发Vue树形组件的示例代码
2017/12/21 Javascript
js实现图片上传到服务器和回显
2020/01/19 Javascript
Nodejs文件上传、监听上传进度的代码
2020/03/27 NodeJs
JavaScript随机数的组合问题案例分析
2020/05/16 Javascript
何时/使用 Vue3 render 函数的教程详解
2020/07/25 Javascript
通过实例解析js可枚举属性与不可枚举属性
2020/12/02 Javascript
[11:27]《一刀刀一天》之DOTA全时刻20:TI4总奖金突破920W TS赛事分析
2014/06/18 DOTA
Python求两个list的差集、交集与并集的方法
2014/11/01 Python
详解Python中dict与set的使用
2015/08/10 Python
python中使用zip函数出现错误的原因
2018/09/28 Python
Python3实现的旋转矩阵图像算法示例
2019/04/03 Python
Python Selenium安装及环境配置的实现
2020/03/17 Python
使用Nibabel库对nii格式图像的读写操作
2020/07/01 Python
Python web框架(django,flask)实现mysql数据库读写分离的示例
2020/11/18 Python
武汉东之林科技有限公司机试
2013/09/17 面试题
全国道德模范事迹
2014/02/01 职场文书
《掌声》教学反思
2014/02/23 职场文书
商场主管竞聘书
2014/03/31 职场文书
安全保证书
2015/01/16 职场文书
原来闭幕词是这样写的呀!
2019/07/01 职场文书
Python中的tkinter库简单案例详解
2022/01/22 Python
前端框架ECharts dataset对数据可视化的高级管理
2022/12/24 Javascript