Jquery提交Ajax

Question

我似乎無法使此工作。我試圖提交表單使用jQuery對話框，我想在PHP中接收，所以我可以使用$ _POST。

有什麼想法？

HTML：

<div id="table_rows_form"> 
    <form id="fieldsform" action="system/create"> 
     <label for="fields">How many fields are needed?</label> 
     <input type="text" id="fields" name="fields" /> 
     <button type="submit">Submit</button> 
    </form> 
</div> 

的Javascript：

$(document).ready(function() { 
    $('#table_rows').on('click', function() { 
     $('#table_rows_form').dialog({ 
      open: function() { 
       $(this).find('[type=submit]').hide(); 
      }, 
      draggable: true, 
      modal: true, 
      resizable: false, 
      closeOnEscape: false, 
      width: 'auto', 
      minHeight: 235, 
      title: 'Number of Fields', 
      dialogClass: 'no-close', 
      buttons: { 
       "Send": function() { 
        $('#fieldsform').submit(function(event) { 
         var formData = { 
          'fields': $('input[name=fields]').val() 
         }; 
         $.ajax({ 
          type: 'POST', 
          url: $('#fieldsform').attr('action'), 
          data: formData, 
          dataType: 'json', 
          encode: true 
         }); 
        }); 
       }, 
       "Cancel": function() { 
        $(this).dialog('close'); 
       } 
      } 

     }); 
     return false; 
    }); 
}); 

PHP：

print_r($_POST); 

對話框打開正確，但是當按下發送按鈕不會做任何事情，不給在控制檯的任何錯誤。有關錯誤的任何想法？我是一個jquery的新手。

Answer 1

你只是增加了提交處理程序與您的代碼$('#fieldsform').submit(...)所以它不會觸發任何東西。

相反，你應該做的是在文件準備好，並在單擊處理程序 「發送」 按鈕，調用$('#fieldsform').submit();