使用AJAX提交一個包含textarea的表格

Question

我無法使用AJAX提交表單，問題存在時，我只在包含textarea的時候，當我刪除它時，表單提交正確。

$(document).ready(function() { 
    $('form').submit(function(event) { 
     var formData = { 
      'name'    : $('input[name=name]').val(), 
      'cont'   : $('input[name=cont]').val(), 
      'date' : $('input[name=date]').val(), 
      'prix'    : $('input[name=prix]').val(), 
      'timestart'    : $('input[name=timestart]').val(), 
      'nbm' : $('input[name=nbm]').val()    
     }; 
     $.ajax({ 
      type  : 'POST', 
      url   : 'zzz.php', 
      data  : formData, 
      dataType : 'json' 
     }) ........ 

Answer 1

如果我把它從你的comment您textarea有name="cont"屬性：

<textarea name="cont" placeholder="your msg"></textarea> 

但要獲得參考這個textarea元素使用的是input[name=cont]選擇與name="cont"選擇任何input元素屬性而不是textarea元素。

要選擇textarea你應該使用：

$('textarea[name=cont]') 

Answer 2

請用突出部分的一行代碼

$("#formid").serialize(); 

，而不是

 

    var formData = {`enter code here` 
       'name'    : $('input[name=name]').val(), 
       'cont'   : $('input[name=cont]').val(), 
       'date' : $('input[name=date]').val(), 
       'prix'    : $('input[name=prix]').val(), 
       'timestart'    : $('input[name=timestart]').val(), 
       'nbm' : $('input[name=nbm]').val()    
      }; 

，然後嘗試提交