如果在提交函数中使用jquery，Ajax将无法工作

您好，我正在尝试在提交表单时激活我的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();
        }
    });

$（“#myForm”）。在（“提交”，函数（）{
如果（$（“#slct1”）.val（）=”）{
控制台日志（“未提交表格”）；
}否则{
$（“#我的表格”）.submit（）；
$（“#加载”）.show（）；
$.ajax({
类型：“POST”，
url:“/qa hub/tools/wss_qa_tool/api/data”，
数据类型：“json”
}).然后（添加数据）
函数addData（数据）{
//console.log（data.recordset[0]）；
console.log（Object.key（data.recordset[0]）；
Object.keys（data.recordset[0]）.forEach（函数（列）{
$（“#theadRow”）。追加（“+列+”）；
});
让主人=”；
对于（var i=1；i

表单标记是否有操作？是的，它有一个操作，当您单击submit时，它调用该操作，而不是ajax，并在代码$（“#myForm”）.submit（）中对此进行注释，它看起来像是在循环。如果您通过submit按钮提交，请调用submit inside submit Other solution，将submit按钮更改为type=“button”并添加类。然后编写ajax，以便在单击该button类时发生。感谢@AhmedSunny的工作，如果您熟悉node.js和express的使用，可以吗？