javascript - 在 ajax 响应之后在 Flask 中渲染 Jinja 模板

Question

这是我第一次接触 Flask + Jinja，但我过去经常使用 HandlebarsJS，所以我知道这是可能的，但我不确定如何使用 Flask 实现它:

我正在构建一个应用程序:用户输入一个字符串，该字符串通过 python 脚本进行处理，结果通过 ajax 返回到客户端/Jinja 模板。

我可以使用 $("body").append(response) 输出结果，但这意味着我需要在追加中写一些讨厌的 html。

相反，我想在处理完结果后呈现另一个模板，并将该新模板附加到原始模板中。

这可能吗？

我的 python :

from flask import Flask, render_template, request, jsonify

from script import *

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/getColors')
def add_colors():

    user = request.args.get("handle", 0, type = str)

    return jsonify(
        avatar_url = process_data(data)
    )

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

Answer 1

没有关于您的 ajax 路由必须返回 JSON 的规则，您可以像返回常规路由一样返回 HTML。

@app.route('/getColors')
def add_colors():

    user = request.args.get("handle", 0, type = str)

    return render_template('colors.html',
                           avatar_url=process_data(data))

您的 colors.html 文件不需要是完整的 HTML 页面，它可以是您希望客户端附加的 HTML 片段。因此，所有客户端需要做的就是将 ajax 响应的主体附加到 DOM 中的适当元素。