试图通过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')