javascript - 通用ajax表单提交

Question

ajax/javascript 问题:我有一个包含多种形式的应用程序。我想要实现的是制作一个通用的 js 函数，通过获取表单 ID 将表单提交给它们各自的 Controller 。我成功地在 form_id 变量中获取了表单 ID，但我无法使用它们。我尝试将 $('patient_form') 替换为 form _id 并出现以下错误:TypeError: form_id.on is not a function

为了更好的理解问题，下面是下面的代码:

$(function () {
    var form = document.getElementsByTagName("form");
    var form_id = "'#" + form[0].id + "'";

    form_id.on('submit', function (e) {

        e.preventDefault();

        $.ajax({
            type: 'post',
            url: 'Controllers/c_insertPatient.php',
            data: $('#patient_form').serialize(),
            success: function (result) {
                alert(result);
            }
        });

    });

});

Answer 1

你的方式 form_id 是一个字符串。

尝试:var form_id = $("#"+ form[0].id);