POST请求后会自动发出未知的GET请求

时间:2016-02-23 11:42:33

标签: javascript jquery ajax forms xmlhttprequest

我尝试提交简单但我第一次遇到这个问题。 这是我工作的形式:

<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请求,如照片所示: enter image description here

1 个答案:

答案 0 :(得分:2)

点击提交按钮可以做两件事:

  1. 执行go()函数,该函数会导致POST请求
  2. 提交导致GET请求的表单
  3. 不确定您的意图是什么,但如果您只想使用AJAX获取POST请求,请将<input type="submit" ...>更改为<input type="button" ...>