javascript - 当您通过 onclick 提交时，获取在服务器上单击了哪个按钮

Question

我有一个带有两个提交按钮的表单，我正在使用 jquery validate 验证表单并提交它。我想知道在服务器上单击了哪个按钮。

表单

<form class="dp-blog-form" action="{% url 'price_assessment_section_1' component.id %}" method="post"> {% csrf_token %}

 {{ form.as_p }}

 <!-- FORM SUBMIT BUTTONS-->

 <button type="submit" >&nbsp;Save&Home</button>

 <button type="submit" >&nbsp;Save&Next</button>

</form> <!-- end form-->

JS

$('.dp-blog-form button[type="submit"]').on('click', function (e) {
        e.preventDefault();
        if ($('.dp-blog-form').valid()) {
            unbindPageLeaveEvent();
            disableButton($(this));
            $('.dp-blog-form').submit();
        }
    });

如何获取服务器端的按钮信息？

Answer 1

您可以在表单中添加一个隐藏字段，在提交上方的行中，该字段将随同发送:

$('.dp-blog-form').append('<input type="hidden" name="theButton" value="'+ this.textContent +'"/>');