如何使用提交按钮重定向到其他页面

Question

我正在编写一个从 game2.html 中检索答案的视图，检查答案；如果答案正确，视图会将用户重定向到正确的.html，如果答案不正确，则用户将被重定向到不正确的.html。

现在的问题是点击提交按钮后，用户不会被重定向。但是分数是更新的。

点击提交按钮后，网址将从http://localhost:8000/game2/ 更改为http://localhost:8000/game2/?ans2=4&game2Answer=Submit，而不是重定向到correct.html 或correct.html

我猜可能是我的提交按钮没有触发重定向功能的问题，或者是我在视图中编写重定向功能的方式的问题，因为如果答案正确，分数实际上会更新。

那么，在进入 if-else 语句后，我该如何修复它以使其能够重定向到正确的.html 或错误的.html。

morse_logs/views.py

@login_required()
def game2(request):
    """The Game2 page"""
    if request.user and not request.user.is_anonymous:
        user = request.user

    def verifyGame2(val1):
        user_score, created = userScore.objects.get_or_create(user=user)

        if val1 == 4:
            # user's score declared in model increase 5points
            # display correct and 5 points added to user
            user_score.score += 5
            user_score.save()
            return redirect('morse_logs:incorrect')
        else:
            # user's score declared in model has no point
            # display incorrect and 0 point added to user
            return redirect('morse_logs:incorrect')


    ans2 = request.GET.get('ans2', '')
    if ans2 == '':
        ans2 = 0

    verifyGame2(int(ans2))

    return render(request, 'morse_logs/game2.html')

game2.html

{% extends "morse_logs/base.html" %}

{% block content %}
    <title>GAME 2</title>
<div>
    <h1>GAME 2</h1>
    <h2>2 + 2 = ?</h2>
    <form action="" method="post" >
        <input type="number" id="ans1" name="ans1"/><br><br>
        <input type="submit" name="game1Answer"/>
    </form>
</div>
{% endblock content %}

morse_logs/correct.html

{% extends "morse_logs/base.html" %}

{% block content %}
    <title>Correct!</title>
<div>
    <h1>Congratulations! Your answer is CORRECT!</h1>
</div>
{% endblock content %}

morse_logs/incorrect.html

{% extends "morse_logs/base.html" %}

{% block content %}
    <title>Inorrect...</title>
<div>
    <h1>Unfortunately! Your answer is Incorrect!</h1>
</div>
{% endblock content %}

morse_logs/urls.py

from django.urls import path, include
from morse_logs import views

app_name = 'morse_logs'

urlpatterns = [
    #The path() function is passed four arguments, two required: route and view, and two optional: kwargs, and name.
    # Home Page
    path(r'', views.index, name='index'),
    # Page that shows all topics
    path(r'topics/', views.topics, name='topics'),
    path(r'cipher/', views.cipher, name='cipher'),
    path(r'decipher/', views.decipher, name='decipher'),
    path(r'tutorialIndex/', views.tutorialIndex, name='tutorialIndex'),
    path(r'gameDirectory/', views.gameDirectory, name='gameDirectory'),
    path(r'game1/', views.game1, name='game1'),
    path(r'game2/', views.game2, name='game2'),
    path(r'correct/', views.correct, name='correct'),
    path(r'incorrect/', views.incorrect, name='incorrect'),
]

Answer 1

你应该改变你的

redirect('morse_logs:incorrect.html')

到

重定向（'url_name'）

如果您使用的是 django 版本 >2.0，请删除 app_name

Answer 2

首先，我将模板表单方法从“GET”更改为“POST”并添加{% csrf_token %}。

其次，我把视图改成了两部分：

第一部分是当用户第一次输入game2.html（GET请求）时，它会将game2.html呈现给用户。

第二部分基本上是我之前做过的，但这次我添加了一个响应用户的 POST 请求的案例，并从那里重定向到正确.html 或不正确.html

game2.html

{% extends "morse_logs/base.html" %}

{% block content %}
    <title>GAME 2</title>
<div>
    <h1>GAME 2</h1>
    <h2>2 + 2 = ?</h2>
    <form method="POST">
        {% csrf_token %}
        <input type="number" id="ans2" name="ans2"/><br><br>
        <input type="submit" name="Submit"/>
    </form>
</div>
{% endblock content %}

views.py

@login_required()
def game2(request):
    """The Game2 page"""
    if request.method == "GET":
        return render(request, 'morse_logs/game2.html')
    elif request.method == "POST":
        if request.user and not request.user.is_anonymous:
            user = request.user

        user_score, created = userScore.objects.get_or_create(user=user)

        ans2 = request.POST.get('ans2', '') #fetch the POST data from template
        if ans2 == '':
            ans2 = 0

        ans2 = int(ans2)
        if ans2 == 4:
            # user's score declared in model increase 5points
            # display correct and 5 points added to user
            user_score.score += 5
            user_score.save()
            return redirect(reverse('morse_logs:correct'))
        else:
            # user's score declared in model has no point
            # display incorrect and 0 point added to user
            return redirect(reverse('morse_logs:incorrect'))