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; 

});