yii2 AJAX提交自定义表单无能为力

Question

**您好

我想提出我的表格值与阿贾克斯 我有一个模式在我看来文件 模态我建了一个自定义窗体到我的数据提交到行动**

<?php 

use yii\bootstrap\Modal; 
use yii\helpers\Html; 
use yii\helpers\Url; 

Modal::begin([ 
    'header' => 'روز تخمینی برای اتمام پروژه انتخاب کنید', 
    'id' => 'modal-accept', 
    'size' => 'modal-sm', 
    'clientOptions' => [ 
    'backdrop' => 'static', 
    'keyboard' => false, 

    ], 
]); 

?> 
<div id="modal-content"> 
<form method="post" action="<?= Url::to(['admin/site-developer/accept-task'])?>" id="modal_form"> 

    <?php 
    echo jDate\DatePicker::widget([ 
      'name' => 'datepicker', 
      'id' => 'estimate', 
     ]); 

    ?> 
    <?= Html::submitButton('submit',['class' => 'btn btn-sm btn-success']) ?> 
</form> 

</div> 

<?php 
Modal::end(); 
?> 

对于提交自己的价值，让我用这个函数的结果,,,但是当我点击提交没有Ajax调用将执行什么也不会发生，为什么我不能看到我的浏览器检查的任何网络活动.. 。

$('#modal_form').on('beforeSubmit', function(e) { 
    var form = $(this); 
    var formData = form.serialize(); 
    $.ajax({ 
     url: form.attr("action"), 
     type: form.attr("method"), 
     data: formData, 
     success: function (data) { 
      console.log("successfull"); 
     }, 
     error: function() { 
      alert("Something went wrong"); 
     } 
    }); 

}).on('submit', function(e){ 
    e.preventDefault(); 
}); 

有什么建议吗？

Answer 1

你不需要submsision前使用，这是问题

$('#modal_form').on('submit', function(e){ 
    e.preventDefault(); 
    var form = $(this); 
    var formData = form.serialize(); 

    $.ajax({ 
     url: form.attr("action"), 
     type: form.attr("method"), 
     data: formData, 
     success: function (data) { 
      console.log("successfull"); 
     }, 
     error: function() { 
      alert("Something went wrong"); 
     } 
    }); 
    return false; 

});