python使用flask与js进行前后台交互的例子
更新时间：2019年07月19日 11:34:23 作者：小明37
今天小编就为大家分享一篇python使用flask与js进行前后台交互的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
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，感兴趣的朋友可以了解下2020-11-11
这篇文章主要为大家详细介绍了wxPython之wx.DC绘制形状，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
这篇文章主要介绍了Python 爬取携程所有机票功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-06-06
字符串驻留机制是Python针对字符串对象采取的一种内存优化技术。其目标是减少内存使用并提高程序的性能。这篇文章主要介绍了字符串驻留机制的简单应用，需要的可以参考一下2023-04-04
今天小编就为大家分享一篇python 用所有标点符号分隔句子的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-07-07
这篇文章主要介绍了pytorch中使用cuda扩展的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-02-02
在日常编程中,字符串处理是一个非常常见的任务,因此掌握一些实用的技巧能够提高代码的效率和可读性,本文将总结一些 Python 字符串处理的实用技巧,并通过代码实例进行演示,需要的朋友可以参考下2024-05-05
这篇文章主要介绍了Python正则表达式匹配反斜杠'\'问题 ，很多朋友在使用python 正则式的过程中，经常被这个问题困扰，今天小编通过代码给大家详细介绍,需要的朋友可以参考下2019-07-07
这篇文章主要介绍了Python中处理unchecked未捕获异常实例,本文讲解使用回调或者是钩子来处理unchecked异常,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了Python中的正则表达式的一些用法,正则表达式的使用是Python学习进阶中的重要知识,需要的朋友可以参考下2015-04-04
最新评论