POST данные в URL при нажатии кнопки

Question

У меня есть кнопка ниже.Когда я нажимаю на нее, данные моей формы отображаются в моем URL-адресе следующим образом:

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

Я не хочу этого, и я не уверен, почему его там, учитывая, что в моей форме нет POSTи моя кнопка использует метод сообщения jquery.

Вот форма и кнопка, о которой идет речь:

               <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

Я думаю, вам просто нужно запретить отправку формы.Вы можете добавить в свой обработчик кликов ( подробнее здесь ):

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

Обратите внимание на e внутри function(e), чтобы вы захватили объект события.

Если вы хотите POST к данным формы, добавьте method="POST" к вашему элементу <form> ( подробнее здесь ):

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

Но если ваша цель - , а не , чтобы опубликовать форму, а только отправить запрос ajax, я не думаю, что имеет значение, какой атрибут method установлен в.