从PHP页面提交表单时不调用Ajax

Question

HTML页面

<form name="frm_add" id="frm_add" enctype="multipart/form-data">
    <input type="text" name="fname" id="fname" >
    <input type="file" name="img01" id="img01"> 
    <input type="submit" name="btn_submit" value="Add Data">
</form>

.js页面

$(function() {
    $("#frm_add input, #frm_add select, #frm_add textarea").jqBootstrapValidation({
        preventSubmit: true,
        submitSuccess: function($form, event) 
        {
            event.preventDefault(); 
            //alert("It's here 001");

            $.ajax({
                url: "./add_p.php",
                type: "POST",
                data: new FormData(this),
                dataType: "JSON",
                contentType: false,
                cache: false,
                processData:false,
            })
        },
    });
});

当我尝试提交表单时，不会在.js页面上调用Ajax，因此不会调用add_p.php。

但是如果我在表单中声明action和method属性，则直接调用add_p.php页面并处理数据并将其插入到数据库表中而不会出现任何问题。

<form name="frm_add" id="frm_add" action="add_p.php" method="post" enctype="multipart/form-data">

我检查了所有类型的语法和拼写错误，但它们似乎没问题，并且还在互联网上阅读了很多内容，但问题仍未解决。

如果它高于Ajax但没有调用Ajax，则会调用

以下警报。

alert("It's here 001");