Форма:AJAX форма представления - данные не возвращаются
<form action="" id="register" method="post">
<input type="text" placeholder="eg. John">
<input type="text" placeholder="eg. Appleseed">
<input type="text" placeholder="[email protected]">
</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);
... после заполнения формы и нажатия представить, что делает отправьте форму без ошибок, но данные, возвращенные (JSON), пустые:
json: []
Что я делаю неправильно?
Вам нужно сделать некоторые основные отладки. Просмотрите вкладку «Сеть» ваших инструментов разработчика. Посмотрите на запрос, отправленный на 'submit.php'. Имеет ли в нем данные формы, которые вы ожидаете? Посмотрите на ответ. Он содержит данные, которые вы ожидаете? – Quentin
Используйте сетевой тег разработчика. Проверьте, какие данные отправляются на сервер и какие данные возвращаются с сервера. – OIS
Единственный способ, которым я смог воспроизвести это, - это если в форме не было сериализуемых данных (которые вы не использовали с нами). – Quentin