Question

我正在尝试使用我编码的按钮来测试我的网站，其中之一应该可以带我回到网站的主页。但是，当我按此按钮时，页面似乎只是刷新并保持原样（我没有返回首页）。

我已经检查了所有提供的功能/链接的名称，以确保为按钮提供了正确的目的地。

下面是我的“上传”页面的代码，该代码应允许用户上传名称和文件。

<div id="form">
            <form action="{{ url_for('algorithm') }}" method="POST" enctype="multipart/form-data">
                <div id="algo-header"><h1><u>New Algorithm:</u></h1></div>
                <div id="field-names">
                    User Name:
                    <br><br><br>
                    Algorithm:
                </div>
                <div id="fields">
                    <input class="text" type = "text" name = "usr" />
                    <br><br><br>
                    <input class="text" type="file" id="file" name="file" />
                </div>
                <div id="buttons">
                    <br>
                    <input class="submit" type="submit" style="width: 60px" value="Submit" />
                    &nbsp;&nbsp;&nbsp;
                    <button id="home-button" class="submit" style="width: 130px">Return to Homepage</button>
                </div>
            </form>
        </div>
        <br>
        <script type="text/javascript">
            document.getElementById("home-button").onclick =
                function() {
                    location.href = "{{ url_for('welcome') }}";
                };
        </script>

以下是我网站主应用程序中的“欢迎”功能：

@app.route("/")
def welcome():
    rows = get_all_algos()
    return render_template("index.html", rows=rows)

这是“算法”功能，可将我带到“ / algorhithm”页面：

@app.route("/algorithm", methods=["GET", "POST"])
def algorithm():
    print('entrypoint')
    if request.method == "POST":
        if request.form["file"] != "":
            try:
                print('link-friend')
                usr = request.form["usr"]
                ln = request.form["file"]

                with sql.connect("database.db") as con:
                    c = con.cursor()
                    c.execute("INSERT INTO algorithms (user, source) VALUES (?,?)", (usr, ln))
                    con.commit()
                    msg = "Algorithm Added Successfully"
            except:
                con.rollback()
                msg = "Error in adding algorithm"
            finally: 
                return render_template("results.html", msg=msg)
                con.close()
        else:
            if "file" not in request.files:
                flash("No file part")
                return redirect(request.url)
            file = request.files["file"]
            if file.filename == "":
                flash("No selected file")
                return redirect(request.url)
            if file and allowed_file(file.filename):
                usr = request.form["usr"]
                filename = secure_filename(file.filename)
                print(file.filename)
                print(filename)
                file.save(os.path.join(app.config["UPLOAD_FOLDER"], filename))
                c = con.cursor()
                c.execute("INSERT INTO algorithms (user, source) VALUES (?,?)", (usr, filename))
                con.commit()
                msg = "Algorithm Added Successfully"
                return render_template("results.html", msg=msg)
                con.close()
               # return redirect(url_for("uploaded_file",
               #                       filename=filename))
    return render_template("new_algo.html")

当我单击按钮（位于带有“ / algorithm”路由的网页上）时，应该回到索引/主页（“ /”），但是，我仍然停留在“ / algorithm”上

*注意：我使用的是Flask，这就是为什么我将{{ url_for() }}格式用于链接。

Answer 1

尝试从“表单操作”（“算法”）功能重定向，而不要使用html。

return redirect('/welcome')

Answer 2

感谢您的回复，但我相信我已经解决了问题。看起来，保留在代码的<form>部分中迫使其功能与表单的功能相匹配（按下时，页面已提交，再次调出/algorithm脚本，使我保持在同一页面上

将<button>对象移到外部{em> <form>部分解决了我的问题。

HTML按钮对象未转到预期的链接

2 个答案: