dongsuikai8286 2015-12-29 14:30 采纳率: 100%
浏览 10
已采纳

通过jquery发布表单不起作用

Basically i have submitted the form data by using jquery event in order to prevent page reload. Now , the informations of the form are not being displayed?

$("#btn-ser1").click(function() {
  $("#form").submit(function() {
    alert("you are submitting" + $(this).serialize());
  });
});
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<body>
  <form method="post" id="form">
    First Name :
    <input name="fname">Last Name :
    <input name="lname">Address :
    <input name="address">Contact No. :
    <input name="contact">Country:
    <input name="country">City:
    <input name="city">
  </form>
  <button type="button" id="btn-ser1">Serialize</button>
</body>

</html>

</div>
  • 写回答

2条回答 默认 最新

  • doulongsha5478 2015-12-29 14:32
    关注

    You aren't submitting, neither preventing the default action. You need:

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

    You forgot to do the #1, #2 and #3 as mentioned.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?
  • ¥15 求daily translation(DT)偏差订正方法的代码
  • ¥15 js调用html页面需要隐藏某个按钮
  • ¥15 ads仿真结果在圆图上是怎么读数的
  • ¥20 Cotex M3的调试和程序执行方式是什么样的?
  • ¥20 java项目连接sqlserver时报ssl相关错误
  • ¥15 一道python难题3