python - 在不重新加载页面的情况下更改变量

Question

我有一个用 flask 加载的图像名称列表，我正在将其呈现为 html 模板，以便页面显示图像。我似乎可以更改图像列表(即向其添加图像)的唯一方法是制作一个包含更改列表代码的 View ，但为了访问该 View ，您必须再次重新加载整个页面。有什么方法可以在不重新加载整个页面的情况下使用 Flask 更改列表？

Answer 1

Jakob Bowyer 绝对正确 - 使用 ajax:

from flask import jsonify
from werkzeug.security import safe_join

@app.route("/gallery")
def gallery():
    images = get_images_from_dir("some/base/path/*.jpg")
    return render_template("gallery.html", images=images)


@app.route("/search/images", methods=["POST"])
def search_images():
    glob_path = request.form["image_query"]
    glob_path = safe_join("/some/base/path", glob_path)
    return jsonify(images=get_images_from_dir(glob_path))

然后在您的模板中点击适当的端点:

<!-- snip -->
<script>
// jQuery here - you can use anything you want :-)
$.post({
    url: "{{ url_for("search_images") }}",
    success: function(data) {
        console.log(data);
    },
    error: function() { console.log("Error", arguments); }
});
</script>