djangoでPOSTで受け取ったデータを取り出したいです

Question

前提・実現したいこと

POSTで受け取ったデータを取り出したいです

発生している問題・エラーメッセージ

データを取り出そうとしても未定義になってしまいます

該当のソースコード

views.py

def changeStatus(request):
    if request.method != 'POST':
        return HttpResponseRedirect(reverse('todos/index'))
    status = request.POST.get('status')
    todoId = request.POST.get('todoId')
    # task = get_object_or_404(Task, pk=todoId)
    return render(request, 'todos/changeStatus.html', {'todoId': todoId, 'status':status, 'a':request.POST})

index.html

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>

{% if taskList %}
    <form action="{% url 'todos:changeStatus' %}" method="post">{% csrf_token %}
        <h2>ToDo</h2>
        <ul>
            {% for task in taskList %}
                {% if task.isToDo %}
                    <li class="js-taskId" data-task-id={{ task.getId }} >
                        <a href="{% url 'todos:detail' task.getId %}">{{ task.getName }}</a>
                        <input type="submit" class="js-submit" value="Doing">
                    </li>
                {% endif %}
            {% endfor %}
        </ul>

        <h2>Doing</h2>
        <ul>
            {% for task in taskList %}
                {% if task.isDoing %}
                    <li class="js-taskId" data-task-id={{ task.getId }}>
                        <a href="{% url 'todos:detail' task.getId %}">{{ task.getName }}</a>
                        <input type="submit" class="js-submit" value="Done">
                    </li>
                {% endif %}
            {% endfor %}
        </ul>

        <h2>Done</h2>
        <ul>
            {% for task in taskList %}
                {% if task.isDone %}
                    <li>
                        <a href="{% url 'todos:detail' task.getId %}">{{ task.getName }}</a>
                        <a href="{% url 'todos:delete' task.getId %}"><button type="button">削除</button></a>
                    </li>
                {% endif %}
            {% endfor %}
        </ul>
        <input type="hidden" id="status" value="">
        <input type="hidden" id="todoId" value="">
    </form>
{% endif %}

<a href="{% url 'todos:post' %}"><button type="button">追加</button></a>


<script>
    $(function(){
        $('.js-submit').on('click', function(){
            const STATUS = {
                'Doing': 1,
                'Done': 2
            };
            let statusButtonVal = $('.js-submit').val();
            let taskId = $('.js-submit').closest('.js-taskId').attr('data-task-id');

            $('#todoId').val(taskId);
            $('#status').val(STATUS[statusButtonVal]);
        });
    });
</script>

補足情報（FW/ツールのバージョンなど）

formのhiddenに値が入っていることは確認できました
django: 3.1.7
python: 3.7.4

Answer 1

下記で値を取得できると思います。

<!-- name属性を追加 -->
<input type="hidden" id="status" name="status" value="">

status = request.POST.get('status', None)