如何在没有 JQuery 的情况下使 HTML 表格行可点击？

Question

使用烧瓶，我想从表中选择一个用户，然后使用所选用户的 id 重定向页面。我的代码如下所示：

HTML：

<form action="" method="POST">
    <table>
        <tr>
            <th>Id</th>
            <th>First Name</th>
            <th>Last Name</th>
        </tr>
            {% for user in users %}
                <tr type="submit" name="action" value="{{user.user_id}}">
                    <td>{{user.user_id}}</td>
                    <td>{{user.first_name}}</td>
                    <td>{{user.last_name}}</td>
                </tr>
            {% endfor %}
    </table>
</form>

Python：

def userSelect():
if request.method == 'POST':
    return redirect(url_for('user', user=request.form['action']))
return render_template('userSelect.html', users=user.query.all())

我也尝试过使用 JQuery 来发帖，但我不确定如何使用重定向到的页面中的 id，并且在从 JQuery 发帖后我无法从烧瓶重定向：

$("table tr").on("click",function()
{
    var selected = $("td:first", this).text();
    $.post("/user", {user_id: selected}, function(){
        window.location.href = "/user";
    });
});

编辑：

假设我想在重定向到的页面上显示该 ID（类似这样）：

@app.route("/user")
def user(user):
    return user

Answer 1

使用您的 Jquery 代码，它将生成一个 ajax 到服务器

$.post("/user", {user_id: selected}, function(){
    window.location.href = "/user";
});

所以，Flask 不能重定向，如果你编辑代码看起来像：

$.post("/user", {user_id: selected}, function(data){
    console.log(data);
});

你会看到 Flask 已经返回了重定向页面的 HTML。

最后，我认为这对您有所帮助： 烧瓶：

@app.route('/user/<user_id>')
def userHasSelected(user_id):
    ....
    // I don't know why do you need this return redirect
    return redirect(url_for('user', user=request.form['action']))

JS：

$("table tr").on("click",function()
{
    var selected = $("td:first", this).text();

    // {{url_for('user', user_id=selected)}} it will be rending from server
    window.location.href = {{url_for('user', user_id=selected)}}
    // or
    window.location.href = `/user?user_id=${selected}`;
});