yii2 ajax einreichen individuelle Form nichts tun

Question

** hallo

ich will meine Form Wert mit Ajax vorlegen ich in meiner Ansicht Datei in modal modal habe ich eine benutzerdefinierte Form gebaut, um meine Daten zu einer Aktion einreichen **

<?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(); 
?> 

für meinen Wert und senden das Ergebnis ich diese Funktion erhalten ,,, aber wenn ich werde keine ajax-Aufruf klicken Sie auf Absenden ausführen nichts passiert, warum ich jede Netzwerk-Aktivität kann nicht in meinem Browser überprüfen ..

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

irgendein Vorschlag?

Answer 1

Sie müssen nicht vor dem submsision verwenden, das ist das Problem

$('#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; 

});