如何同时使用ajax和普通POST提交表单？

Question

我已经形成了将数据提交到外部URL,同时我想要保存在我的数据库中.我已经尝试过ajax提交并尝试POST在ajax成功中总结正常.

这是我的代码:

<form action="http://www.blabla/post" method="post" id="myfrom">
.....
....
</form>

<script>

 $('#myfrom').submit(function() {
  e.preventDefault();
     $.ajax({
              url: 'admin-ajax.php', 
              type: 'POST', 
              dataType: 'html', 
              data: $('#myfrom').serialize(), 
              success: function() {
                   $('#myfrom').submit();
              },
              error: function(e) {
                  console.log(e);
              }
          }); 
  });
</script> 

但是这里Ajax不工作的形式只会提交普通帖子.

Answer 1

改变这个:

$('#myfrom').submit(function() {

对此:

$('#myfrom').submit(function(e) {

您尚未在参数中传递事件,因此表单已提交.

这是我看到的另一种方式:

$('yourButton').on('click', function(e){
    e.preventDefault(); // stops the buttons behavior
    $.ajax({
         url: 'admin-ajax.php', 
         type: 'POST', 
         dataType: 'html', 
         data: $('#myfrom').serialize(), 
         success: function() {
             $('#myfrom').submit(); // submits the form if success
         },
         error: function(e) {
             console.log(e);
         }
    });
});