Jquery Submit 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();