JQuery отправить форму

Question

Когда я отправляю форму ниже, текущая страница обновляется, а параметры формы добавляются в конец URL страницы.Почему это происходит?Мне нужно отправить форму, но сохранить параметры формы скрытыми.

Спасибо

<div class="ui-block-b"><button id="submit" type="submit">Submit</button></div>

            $("#submit").click(function(){

                var formData = $("#newPostForm").serialize();

                $.ajax({
                    type: "POST",
                    url: "/mobile/newpost.php",
                    cache: false,
                    data: formData,
                    success: onSuccess
                });

                return false;
            });

Answer 1

Избавьтесь от type="submit" (который по сути должен быть <input type="submit">) и просто сделайте его стандартной кнопкой, если вы не планируете фактически отправлять форму:

<input type="button" id="submit" value="Submit" />

Альтернативный метод - установить обработчик onsubmit в форме:

$(document).ready(function() {
  $("#newPostForm").submit(function(){

    var formData = $("#newPostForm").serialize();

    $.ajax({
      type: "POST",
      url: "/mobile/newpost.php",
      cache: false,
      data: formData,
      success: function(data) {
         window.location.href = "/where/to/go";
      }
    });

    return false;
  });
});