javascript - 未知的 GET 请求在 POST 请求后自动出现

Question

我尝试提交简单的但这是我第一次遇到这个问题。这是我正在处理的表格:

<form>
    {% csrf_token%}
    <input type="text" name="amount" id="amount">
    <input type="submit" onclick="go()">
</form>

<script type="text/javascript">

function go () {

    $.ajax({
        url: '/home/',
        type: 'POST',
        dataType: 'text',
        data: {
            "amount":$("#amount").val(),
            "csrfmiddlewaretoken":$("input[name='csrfmiddlewaretoken']").val()
        },
        success:function () {
            $('#messages').text("Hey");
        },
        error:function () {
            $('#messages').text("Error");
        }
    });

}


</script>

<li id="messages">

</li>

成功后，页面会自动重新加载 GET 请求，如图所示:

Answer 1

点击提交按钮会做两件事:

1. 执行 go() 函数，这会引发 POST 请求
2. 提交导致 GET 请求的表单

不确定您的意图是什么，但如果您只想使用 AJAX 进行 POST 请求，则更改 <input type="submit" ...>至 <input type="button" ...>