尝试通过ajax提交表单操作，但未定义

Question

我有以下代码为.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();
            });
        });

Answer 1

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

$(formEl).prop('action')