Flask与axios 前后端交互

Posted 2022-05-30 lyshark

axios 是一个更好的替代ajax向后端发送数据或请求数据的前端组件库，运用axios向后端提交JSON字符串，后端通过Flask相应请求并处理的一个案例。

前端发送数据的第一种方式。

    




提交

前端发送数据的第二种方式。

Python后端使用Flask接收并处理前端发送过来的JSON字符串。

from flask import Flask
from flask import render_template,request
import json

app = Flask(__name__)

@app.route(/,methods=[GET,POST])
def hello_world():
    if request.method == "GET":
        return render_template("index.html")

    elif request.method == "POST":
        val = request.get_json()
        print("收到用户:  ---> 年龄: ".format(val["name"],val["age"]))

        # 返回JSON类型
        return json.dumps("username": "lyshark","message": "hello lyshark")

if __name__ == __main__:
    app.run()

版权声明：本博客文章与代码均为学习时整理的笔记，文章 [均为原创] 作品，转载请 [添加出处] ，您添加出处是我创作的动力！