yii2アヤックス私はアクションに私のデータを提出するカスタムフォームを内蔵し、モーダルで私のビューファイル におけるモーダルを持っている私は、AJAX と私のフォームの値を提出したいこんにちは**何も

Question

しない

をカスタムフォームを送信**私の値を提出し、私はこの機能を使用した結果を得る,,,が、私は何のAJAX呼び出しを提出しない]をクリックしたときに、私は私のブラウザ検査における任意のネットワークアクティビティを参照してください傾ける理由は何も起こっていないだろう実行するための

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

.. 。

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

あなたはこれを使用すると、必ずjqueryのコードの中に行くされている問題

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

});