javascript - 按下按钮时在 URL 中发布数据

Question

我下面有一个按钮。当我按下它时，我的表单数据显示在我的 URL 中，如下所示:

?name=&email=&phone=&message=

我不想要那个，我不确定为什么会出现这种情况，因为我的表单上没有 POST，而且我的按钮使用的是 jquery post 方法。

这是有问题的表单和按钮:

               <form class="form">
                    <p type="Message"><input type="text" name="message"></p>
                    <button id="clickMe">Send Message</button>
                </form>

这是我按钮上的 jquery:

$(document).ready(function() {
    $('#clickMe').on('click', function() {
        var data = {};
        data.name="kevin";
        $.ajax({
            type: "POST",
            data: JSON.stringify(data),
            contentType: 'application/json'
        });
    });
});

Answer 1

我认为您只需要阻止表单提交即可。您可以在点击处理程序 ( read more here ) 中添加:

$('#clickMe').on('click', function(e) {
    e.preventDefault();

注意 e里面function(e)以便您捕获事件对象。

如果你想POST表单数据添加method="POST"给你的<form>元素 ( read more here ):

<form action="http://foo.com" method="post">

但是如果您的目标不是发布表单而只是发送一个 ajax 请求，我认为这并不重要 method属性设置为。