jQuery 表单提交

发布于 2024-11-07 19:14:30 字数 607 浏览 1 评论 0原文

当我提交下面的表单时，当前页面将被刷新，并且表单参数将附加到页面 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;
            });

原文

When I submit below form the current page is refreshed and form parameters are appended to the end of the page URL. Why is this occuring ? I need to submit the form but the keep the form parameters hidden.

Thanks

<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;
            });

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

各自安好 2024-11-14 19:14:30

摆脱 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;
  });
});

Get rid of the type="submit" (which by the why should actually be <input type="submit">) and just make it a standard button if you don't plan on actually submitting the form:

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

An alternative method would be to set an onsubmit handler on the form:

$(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;
  });
});

回复收藏 0 原文

~没有更多了~