帖子提交后,为什么我的页面没有重定向?

时间:2020-01-12 05:15:07

标签: javascript python ajax flask

以下代码似乎正常工作。帖子不断,我什至在控制台上看到我要重定向到的页面的GET消息。但是我的浏览器没有切换到显示“ Hello”的新页面。如果我直接浏览到/ PostTest,那么它将起作用。

我也收到“欢迎”消息。

</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)

1 个答案:

答案 0 :(得分:2)

这是因为您正在使用AJAX。您正在通过编程器通过浏览器在后台发送一个请求,该请求是独立的,并且与屏幕上显示的内容无关。

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

编辑:作为一个小示例,您可以打开浏览器开发人员工具(右键单击任何网页,选择“检查元素”),然后选择“控制台”标签,然后输入{{ 1}},然后按Enter键,然后您的浏览器将更改URL并浏览到Google。

enter image description here

window.location = "https://google.com"

客户端:

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)
相关问题