Question

因为我的页面总数是基本的＆＃34;名称和电子邮件＆＃34;报名表，我不知道为什么我不能做一个好的方式

    <form action="/Account/Register/" method="POST" id="registration-form">
        <fieldset class="form-group">
            <label for="name">Name</label>
            <input type="text" class="form-control" name="pname" id="name" placeholder="Example input">
        </fieldset>
        <fieldset class="form-group">
            <label for="email">Email Address</label>
            <input type="text" class="form-control" name="eaddr" id="email" placeholder="Another input">
        </fieldset>
        <button class="btn btn-primary" type="submit">Take Survey</button>
    </form>

这似乎是过度工程的定义

$.ajax({
    url  : '/Account/Register',
  method : 'POST',
  data   : { pname : $('input[name="pname"]').val(),
             eaddr : $('input[name="eaddr"]').val() },
});

毕竟，这首先是form的所在！

但我确实想要提交form，即success和error回调。有没有办法以HTML方式提交form并仍然挂钩回调？如果是这样，怎么样？

Answer 1

使用$ .submit（），这是你用jQuery做的方法。正如其他评论者写的那样，你要么发布和发表文章。刷新页面或使用ajax：

$("#registration-form").submit(function(){
  $.ajax({
    url  : '/Account/Register',
    method : 'POST',
    data   : { pname : $('input[name="pname"]').val(),
             eaddr : $('input[name="eaddr"]').val() },
    success: function(data) {},
    error: function() {}
  });
  return false;
});

如何制作仅使用jQuery进行回调的老式HTML表单提交？

1 个答案: