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 相关文章推荐
高性能web服务器框架Tornado简单实现restful接口及开发实例
Jul 16 Python
Python爬虫辅助利器PyQuery模块的安装使用攻略
Apr 24 Python
Python使用matplotlib绘制多个图形单独显示的方法示例
Mar 14 Python
python pandas消除空值和空格以及 Nan数据替换方法
Oct 30 Python
解决Python2.7中IDLE启动没有反应的问题
Nov 30 Python
Python File(文件) 方法整理
Feb 18 Python
详解Python数据可视化编程 - 词云生成并保存(jieba+WordCloud)
Mar 26 Python
Django项目创建到启动详解(最全最详细)
Sep 07 Python
Python hmac模块使用实例解析
Dec 24 Python
Python安装与卸载流程详细步骤(图解)
Feb 20 Python
Python如何使用input函数获取输入
Aug 06 Python
使用numpy nonzero 找出非0元素
May 14 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 addslashes 函数详细分析说明
2009/06/23 PHP
PHP中=赋值操作符对不同数据类型的不同行为
2011/01/02 PHP
php验证码的制作思路和实现方法
2015/11/12 PHP
深入了解PHP中的Array数组和foreach
2016/11/06 PHP
PHP中16个高危函数整理
2019/09/19 PHP
EXT中xtype的含义分析
2010/01/07 Javascript
jquery中dom操作和事件的实例学习 下拉框应用
2011/12/01 Javascript
浅析return false的正确使用
2013/11/04 Javascript
微信小程序 开发指南详解
2016/09/27 Javascript
JavaScript利用fetch实现异步请求的方法实例
2017/07/26 Javascript
JS中的事件委托实例浅析
2018/03/22 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
详解wepy开发小程序踩过的坑(小结)
2019/05/22 Javascript
JS 创建对象的模式实例小结
2020/04/28 Javascript
理解JavaScript中的对象
2020/08/25 Javascript
解决vue与node模版引擎的渲染标记{{}}(双花括号)冲突问题
2020/09/11 Javascript
Python的Django框架中的URL配置与松耦合
2015/07/15 Python
用Python解决计数原理问题的方法
2016/08/04 Python
深入理解 Python 中的多线程 新手必看
2016/11/20 Python
Python正则简单实例分析
2017/03/21 Python
在linux下实现 python 监控usb设备信号
2019/07/03 Python
Pytorch 计算误判率,计算准确率,计算召回率的例子
2020/01/18 Python
python3 deque 双向队列创建与使用方法分析
2020/03/24 Python
Python的Django框架实现数据库查询(不返回QuerySet的方法)
2020/05/19 Python
CSS3让登陆面板3D旋转起来
2016/05/03 HTML / CSS
KIKO MILANO荷兰网上商店:意大利专业化妆品品牌
2017/05/12 全球购物
澳大利亚手表品牌:Time IV Change
2018/10/06 全球购物
为什么Runtime.exec(“ls”)没有任何输出?
2014/10/03 面试题
自我鉴定注意事项
2014/01/19 职场文书
大学生自我鉴定评语
2014/01/27 职场文书
安全大检查实施方案
2014/02/22 职场文书
人民教师求职自荐信
2014/03/12 职场文书
初中重阳节活动总结
2015/05/05 职场文书
互联网创业商业模式以及赚钱法则有哪些?
2019/10/12 职场文书
python 中的jieba分词库
2021/11/23 Python
MySQL数据库如何给表设置约束详解
2022/03/13 MySQL