为什么我的页面在帖子提交后不重定向？

2024-05-20 15:28:22 发布

您现在位置：Python中文网/ 问答频道 /正文
724 3

下面的代码似乎工作正常。这篇文章被浏览了一遍，我甚至在控制台上看到了我重定向到的页面的GET消息。但我的浏览器不会切换到新页面说“你好”。如果我直接浏览到/postest，那么它就工作了

我也收到了“欢迎”的信息

</script>
<!DOCTYPE html>
<head>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<html>
  <body>
<div class="row"></div>
Any Day Drinking Club's Six Nations Table Generator
<div class="row">
  <div class="input-field col s6 offset-m2 offset-l4 m4 l2">
    <input placeholder="Username" id="username" type="text" />
  </div>
  <div class="input-field col s6 m4 l2">
    <input placeholder="Password" id="password" type="password" />
  </div>
</div>
<div class="row">
  <a class="waves-effect waves-light btn" id="loginbutton">Login</a>
</div>
<script>$("#loginbutton").click(function(){
  $.ajax({
    type: 'POST',
    url: "/loginsubmit",
    success: function(){
      alert("Welcome ");
      }
    }
  )
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script></body>
</html>

from flask import Flask, request, redirect, url_for
import yaTemplates as Templates

app = Flask(__name__)

@app.route('/')
def index():
    return Templates.login()

@app.route('/PostTest')
def test():
    return 'Hello'

@app.route("/loginsubmit", methods=["POST"])
def loginsubmit():
    # + request.json["username"]
    return redirect(url_for('test'))


app.run(debug=True)

Tags： httpsdivcomidappinputhtmljs
1条回答
网友
1楼 · 发布于 2024-05-20 15:28:22

这是因为您正在使用AJAX。。您正在通过浏览器以编程方式在后台发送请求，该请求与您在屏幕上看到的内容无关

在Flask中，您需要使用要重定向到的URL进行响应。在客户端，需要将window.location设置为该URL

编辑：作为一个小演示，您可以打开浏览器开发工具（右键单击任何网页，选择“检查元素”），然后选择“控制台”选项卡，键入window.location = "https://google.com"，然后按enter键，然后您的浏览器将更改URL并浏览到Google

enter image description here

from flask import Flask, request, redirect, url_for
import yaTemplates as Templates

app = Flask(__name__)

@app.route('/')
def index():
    return Templates.login()

@app.route('/PostTest')
def test():
    return 'Hello'

@app.route("/loginsubmit", methods=["POST"])
def loginsubmit():
    # + request.json["username"]
    return url_for('test')


app.run(debug=True)

客户端：

<script>
  $("#loginbutton").click(function () {
    $.ajax({
      type: 'POST',
      url: "/loginsubmit",
      success: function (url) {
        window.location = url;
      }
    })
  });
</script>

相关问题 更多 >

    编程相关推荐