如果在提交功能上绕着jQuery，Ajax将无法工作

Question

您好，我正在尝试提交表单时激活我的Ajax。但是，如果我将ajax逻辑放置在这样的函数中，它将无法正常工作，但是如果我删除了on Submit函数，它将可以正常工作。我该如何使用它？

$("#myForm").on("submit", function () {
    if($("#slct1").val() === "") {
        console.log("Form not submitted");
    } else {
    $("#myForm").submit();
    $("#loading").show();
     $.ajax({
          type: "POST",
          url: "/qa-hub/tools/wss_qa_tool/api/data",
          dataType: "json"
          }).then(addData)
                function addData(data) {
                // console.log(data.recordset[0]);
                console.log(Object.keys(data.recordset[0]));

                Object.keys(data.recordset[0]).forEach(function(column) {
                    $("#theadRow").append("<th>" + column + "</th>");
                });

                let master = "";

                for(var i = 1; i < data.recordset.length; i++) {
                for( var key in data.recordset[i]) {
                    var current = "<td>" + data.recordset[i][key] + "</td>";
                        master = master + current;

                }
                $("#tBody").append("<tr>" + master + "</tr>");
                master = "";
                }
                $('#myTable').DataTable()
            }
            $("#loading").hide();
        }
    });