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"元素（read more here）中添加<form>：

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

但是，如果您的目标是不是发布表单，而仅发送ajax请求，则我认为method属性的设置无关紧要。

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

1 个答案: