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

Question

使用 Flask，我想从表中选择一个用户，然后使用所选用户的 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 发帖后无法从 Flask 重定向:

$("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。

最后，我认为这对你有帮助: flask :

@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}`;
});