2014-10-29 41 views
1

我有下面的代碼是專門針對.prop('action')試圖通過AJAX提交表單操作,得到未定義

我不太清楚返回一個未定義的值,爲什麼

有什麼想法?

$(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(); 
      }); 
     }); 
+0

使用formEl.attr( '行動')的函數,而不是道具。 – Tyr 2014-10-29 22:56:20

+0

仍然相同的錯誤。請參閱鏈接http://g.recordit.co/Ss3x6mVTy3.gif – 2014-10-29 22:59:27

+0

爲什麼不使用$(formEl).serialize()? – 2014-10-29 22:59:45

回答

1

你應該叫一個jQuery對象

$(formEl).prop('action')