详解Python flask的前后端交互

场景:按下按钮,将左边的下拉选框内容发送给后端,后端再将返回的结果传给前端显示。

按下按钮之前:

在这里插入图片描述

按下按钮之后:

详解Python flask的前后端交互_第1张图片

代码结构

这是flask默认的框架(html写在templates文件夹内、css和js写在static文件夹内)

详解Python flask的前后端交互_第2张图片

前端

index.html

很简单的一个select下拉选框,一个按钮和一个文本,这里的 {{ temp }} 是从后端调用的。



    
    
    
    
    TEMP


    

{{ temp }}

script.js

这里给按钮添加一个监听事件,按下就会给服务器发送内容,成功了则返回内容并更改display

注意

  • 需要在html里添加

你可能感兴趣的:(详解Python flask的前后端交互)