Yii2 Ajax 提交自定义表单什么都不做

Question

>**hello

我想使用 AJAX 提交我的表单值 我的视图文件中有一个模式 在 Modal 中，我构建了一个自定义表单来将数据提交给操作**

<?php
use yiibootstrapModal;
use yiihelpersHtml;
use yiihelpersUrl;
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 jDateDatePicker::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

在订阅之前不需要使用，这就是问题所在

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