złożenie formularza AJAX - Brak danych zwrócony

Question

Forma:

<form action="" id="register" method="post"> 
    <input type="text" placeholder="eg. John"> 
    <input type="text" placeholder="eg. Appleseed"> 
    <input type="text" placeholder="youremail@domain.com"> 
</form> 

JS:

$('form#register').on('submit',function (e) { 
    $.ajax({ 
     url: 'submit.php', 
     cache: false, 
     type: 'POST', 
     context: this, 
     data : $(this).serialize(), 
     success: function(json) { 
      console.log("json: " + json); 
     } 
    }); 
    e.preventDefault(); 
}); 

PHP:

$formData = json_encode($_POST); 
echo print_r($formData,1); 

... po wypełnieniu formularza i uderzając przedstawienia, to nie złożyć formularz bez błędu, ale zwrócone dane (JSON) są puste:

json: []

Co robię źle?

Answer 1

To dlatego, że nie używasz atrybut name w swoich dziedzinach

serialize() 

Wymaga name pola w formularzu

Answer 2

1: -

$formData = json_encode($_POST); echo print_r($formData,1);

powinno być: -

$formData = json_encode($_POST); 
echo $formData; 

2.You nie mają name atrybut w polach formularza. proszę podać, że w przeciwnym razie serialize() nie będzie działać poprawnie.