python使用flask模块和前端交互基础
生活随笔
收集整理的這篇文章主要介紹了
python使用flask模块和前端交互基础
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
python利用flask模塊和前端進行交互基礎
一、模塊使用：
python：flask、flask_cors
【兩個都是第三方模塊需要進行按照】推薦使用豆瓣源安裝，以下為豆瓣源安裝方法
前端： Ajax
二、代碼演示
python
from flask import Flask from flask_cors import CORS #導入解決跨域問題的模塊 app = Flask(__name__)CORS(app, supports_credentials=True) #動態解決前端跨域問題 app.debug = True #開啟flask調試模式 @app.route('/',methods=['post']) #指定請求路徑、方法 def add_stu():student_json = {"name":"jerry","age":15,"class":["math","english","chinese"],"state":True}return student_json if __name__ == '__main__':app.run(host='localhost',port=1234)#指定端口號和地址web界面
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>flask模塊前端測試界面</title> </head> <body><button onclick="fun()">請求數據</button><script>function fun(){console.log('request begin')var xhr = new XMLHttpRequest();xhr.open('post','http://localhost:1234',true);xhr.send(null);xhr.onreadystatechange = async function(){if(xhr.readyState === 4){if(xhr.status === 200){var result = xhr.responseTextvar resultJson = JSON.parse(result)console.log(resultJson)}}}}</script> </body> </html>最后
前端獲取信息
前端主要使用的模塊是XMLHttpRequest(),使用方法比較簡單，所以沒有加注釋信息，如果有對這塊不是太了解的伙伴，可以參考JS中的Ajax發送請求獲取數據流程
總結
以上是生活随笔為你收集整理的python使用flask模块和前端交互基础的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 机器学习算法基础概念学习总结
- 下一篇： python接受前端传递的参数