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

提交我的价值并获得结果我使用此功能,,,但是当我点击提交没有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;

});

yii2 ajax提交自定义表单什么都不做

1 个答案: