POST 请求后自动出现未知 GET 请求

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

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

执行 go() 函数，这会导致 POST-request
提交导致 GET 请求的表单

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

POST 请求后自动出现未知 GET 请求

Unknown GET request comes automatically after POST request

javascript

forms

ajax

jquery

xmlhttprequest