当前位置:  开发笔记 > 编程语言 > 正文

通过jquery发布表单不起作用

如何解决《通过jquery发布表单不起作用》经验,为你挑选了1个好方法。

基本上我已经使用jquery事件提交了表单数据,以防止页面重新加载.现在,表格的信息没有显示?

$("#btn-ser1").click(function() {
  $("#form").submit(function() {
    alert("you are submitting" + $(this).serialize());
  });
});




  
First Name : Last Name : Address : Contact No. : Country: City:



1> Praveen Kuma..:

您没有提交,也没有阻止默认操作.你需要:

$("#btn-ser1").click(function () {
  // remove this event handler                                                « #1
  // $("#form").submit(function (e) {
    // prevent refresh or default action                                      « #2
    e.preventDefault();
    // change $(this) to $("#form") as you are binding it to the button, not the form.
    alert("you are submitting" + $("#form").serialize());
    // submit to the server                                                   « #3
    $.post("path/to/post", $("#form").serialize());
  // });
});

你忘了做#1,#2#3为提及.

推荐阅读
sx-March23
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有