阳宝儿的心可爱 2021-04-28 21:15 采纳率: 0%
浏览 630

flask框架后端数据传到前端,浏览器接收到了,但页面不渲染,为什么??

新手,在用flask做一个小小的项目,遇到了难题,就是我后端往前端传值,从接口里获取的值传到前台却不显示,f12显示是有接收到的,但就是不忘页面上渲染,可如果我直接把值定死的话,就可以显示出来,这到底是是什么问题,求大佬帮忙 

 

 

从接口接收值

后台代码:

from flask import Flask,render_template,request
import requests

app = Flask(__name__)
app.debug = True
key = "1ee7102878b94eb78ee10fa496729c10"
@app.route('/',methods=["GET","POST"])
def home():
    province = request.form.get("province")
    city = request.form.get("city")
    data = {
        "city": city,
        "province": province
    }

    return render_template("home.html", **data)

if __name__ == '__main__':
    app.run()

前台代码:

<div class="search">
            <form action="/home" method="POST" id="form">
                <input type="text" name="province" class="keywords" placeholder="输入要搜索的省">
                <input type="text" name="city" class="keywords" placeholder="输入要搜索的市">
                <button class="search-btn" type="submit"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
            </form>
            <span class="sm-title">{{ city }}</span>
            <p class="city-search"><b>{{ province }}</b><span id="btn-search" class="glyphicon glyphicon-search" aria-hidden="true"></span></p>
        </div>

运行结果:

f12:

 

自己设定值

后端代码:

from flask import Flask,render_template,request
import requests

app = Flask(__name__)
app.debug = True
key = "1ee7102878b94eb78ee10fa496729c10"
@app.route('/',methods=["GET","POST"])
def home():
    province = "山西省"
    city = "运城市"
    data = {
        "city": city,
        "province": province
    }

    return render_template("home.html", **data)

if __name__ == '__main__':
    app.run(debug=True)

前端代码无变化

运行结果:

  • 写回答

4条回答 默认 最新

  • CSDN专家-黄老师 2021-04-28 21:18
    关注

    你在视图函数输出data,看看数据是否为空

    评论

报告相同问题?

悬赏问题

  • ¥15 shape_predictor_68_face_landmarks.dat
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 对于相关问题的求解与代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料
  • ¥15 使用R语言marginaleffects包进行边际效应图绘制