试图通过ajax提交表单操作,但未定义

Trying to submit form action via ajax, getting undefined

本文关键字:操作 未定义 表单 提交 ajax      更新时间:2023-09-26

我有以下代码,它为.prop('action') 返回一个未定义的值

我不太清楚为什么

有什么想法吗?

$(function() {
            $('#generalContactForm').submit(function(event) {
                var formEl = this;
                var submitButton = $('input[type=submit]', formEl);
                var formData = {
                    'firstName'     : $('input[name=firstName]').val(),
                    'lastName'      : $('input[name=lastName]').val(),
                    'phoneNumber'   : $('input[name=phoneNumber]').val(),
                    'email'         : $('input[name=email]').val(),
                    'numberofGuests': $('input[name=numberofGuests]').val(),
                    'eventType': $('input[name=eventType]').val(),
                    'alcohol': $('input[name=alcohol]').val(),
                    'contactTime': $('input[name=contactTime]').val(),
                    'eventDate': $('input[name=eventDate]').val(),
                    'contactTextarea': $('input[name=contactTextarea]').val(),
                };
                $.ajax({
                    type : 'POST',
                    url : formEl.prop('action'),
                    data : formData,
                    beforeSend: function() {
                        submitButton.prop('disabled', 'disabled');
                    }
                }).done(function(data) {
                    submitButton.prop('disabled', false);
                });
                event.preventDefault();
            });
        });

您应该在jquery对象上调用函数

$(formEl).prop('action')