Ajax. Обработчик не принимает POST

@djagya · Регистрация: 30.11.2011

Author24 — интернет-сервис помощи студентам

Здравствуйте, у меня проблема. Есть форма, скрипт и обработчик.
Примерный код, специально упрощенный, но все так же не рабочий:

Форма:

HTML5

1
2
3

<form type="POST" enctype="multipart/form-data" name="callbackForm" id="callbackForm">
    <a href="#" class="orangeLink sendForm">Отправить</a>
</form>

Скрипт:

Javascript

$('a.sendForm').live('click', function() {
    $.ajax({
        url: "action_form.php",
        type: "POST",
        data: "name=John&location=Boston",
    contentType: "appilaction/x-www-form-urlencoded",
        cache: false,
        success: function(response){
        $("#callbackForm").empty(); 
            $("#callbackForm").append(response);
        }
    });
});

И обработчик:

PHP

1
2
3

echo '<pre>';
print_r($_POST);
echo '</pre>';

Суть в том, что если у меня тип запроса GET, то все работает. Но если я меняю тип запроса на POST, то запрос проходит (в хроме смотрел запрос), но обработчик ничего не выводит.
Помогите, пожалуйста, подозреваю, что я упустил какую-то мелочь.

@Soldado · 03.08.2012, 15:02

Есть ряд вопросов:
Вы конечно здесь всё упростили, чтобы нам представить, но уж если отправляете данные кликом по ссылке, то:
1) нужно отменять стандартное действие ссылки - переход, используя preventDefault() (логичнее использовать button тогда ничего не нужно отменять);
2) Куда выводятся возвращённые данные? У вас:

Javascript

1	$("#callbackForm").append(response);

Но! Ведь и форма имеет id="callbackForm". Возвращённые данные записать в форму...?
3) В обработчике данные лучше занести в переменные.
Возможно я чего-то недопонял, вот возьмите рабочий вариант:

Javascript

<script type="text/javascript" >
 $(document).ready(function(){
 
$('#sendForm').live('click', function(stop) {
    stop.preventDefault();
    $.ajax({
    type: "POST",
    url: "action_form.php",
    data:({name:'John',location:'Boston'}),
        cache: false,
        success: function(response){
        $("#callbackForm").empty(); 
            $("#callbackForm").append(response);
        }
    });
}); 
 
});/*End  ready */
    </script>

HTML5

<form action='action_form.php' method="POST" enctype="multipart/form-data" name="callbackForm" id="callbackForm1">
    <a href="#" class="orangeLink sendForm" id="sendForm">Отправить</a>
</form>
<div id="callbackForm"></div>

PHP

<?php 
if(isset($_POST['name'])){$name=$_POST['name'];}
if(isset($_POST['location'])){$location=$_POST['location'];}
echo $name." from ".$location;
?>

@djagya · 03.08.2012, 15:35 **[ТС]**

Сообщение от Soldado

1) нужно отменять стандартное действие ссылки - переход, используя preventDefault() (логичнее использовать button тогда ничего не нужно отменять);

У меня для кнопки отправки особенные стили, а как кастомизировать именно button я не нашел.

Сообщение от Soldado

2) Куда выводятся возвращённые данные?

Выводятся данные как раз вместо старых данных формы.

С рабочим вариантом попробую сейчас, спасибо.

Добавлено через 15 минут
Ваш пример не работает. Опять же, запрос идет, данные отсылаются, но по пути к обработчику как будто теряются.
Скрины:
Скрин отправки запроса:

Скрин ответа:

Вообще без понятия, что может быть не так, ведь все вроде изолированно от других компонентов сайта.
Причем POST, без обработки ajax прекрасно отсылается и получается.

@Soldado · 03.08.2012, 15:37

Пример рабочий,смотрел на Денвере, попробую куда-то загрузить на сервер.

Сообщение от djagya

У меня для кнопки отправки особенные стили, а как кастомизировать именно button я не нашел.

Выводятся данные как раз вместо старых данных формы.

Относительно кнопки: можно придать стилями, какой угодно вид, вот в виде ссылки:

HTML5

1	<button id="sendForm" style="border: none; background-color: #ffffff; text-decoration:underline;">Отправить</button>

На счёт формы: данные возвращаются в элементы формы, на не в форму. Если у Вас в ней 5 импутов, текстовое поле, а данные возвращены строкой из обработчика, то куда они, по-вашему должны записаться. Нужно их "выдёргивать" из этой строки данных и записывать в конкретный элемент формы.
Вот здесь теория краткий запрос $.post().

@djagya · 03.08.2012, 15:46 **[ТС]**

Сообщение от Soldado

На счёт формы: данные возвращаются в элементы формы, на не в форму. Если у Вас в ней 5 импутов, текстовое поле, а данные возвращены строкой из обработчика, то куда они, по-вашему должны записаться. Нужно их "выдёргивать" из этой строки данных и записывать в конкретный элемент таблицы.

Я, быть может, не очень Вас понимаю. Я просто вместо всех инпутов, элементов и прочего внутри формы беру и всталяю данные, пришедшие от обработчика.

Но суть не в этом, а в том, что мне обработчик не присылает ничего. Переменная $_POST в нем пуста, как будто данные "по дороге" к обработчику теряются.

@Soldado · 03.08.2012, 16:14

Форма это некое объединение если Вы ходите на место формы выводить данные, то необходимо форму завернуть в какой-то див например: <div id ="myForm"> .....</div>. Затем при приёме указывать:

Javascript

success: function(response){
        $("#myForm").empty(); 
            $("#myForm").append(response);
        }

Выложил свой пример здесь, единственное что изменил, это титле и ссылку заменил на кнопку

HTML5

1	<button id="sendForm" style="border: none; background-color: #ffffff; text-decoration:underline;">Button-Send</button>

Если хотите, выложу архив с исходниками.

@djagya · 05.08.2012, 17:04 **[ТС]**

Спасибо большое, я переписывал ваш пример сначала, и у меня ничего не работало, от отчаяния просто скопировал - и на удивление все заработало)

Добавлено через 1 час 6 минут
Тогда еще один вопрос по теме. А как можно отправить файл через ajax? Отправлять в iframe? И если да, то каким образом делается в общих словах?

@Schtrich · 05.08.2012, 19:53

Сообщение от djagya

Тогда еще один вопрос по теме. А как можно отправить файл через ajax? Отправлять в iframe? И если да, то каким образом делается в общих словах?

Используйте плагины. Самописный скрипт мало тут у кого получался. Если что, в личку, я вам ссылку кину.

@djagya 1 / 1 / 0 Регистрация: 30.11.2011 Сообщений: 16
	03.08.2012, 15:35 [ТС]	3
	Сообщение от Soldado 1) нужно отменять стандартное действие ссылки - переход, используя preventDefault() (логичнее использовать button тогда ничего не нужно отменять); У меня для кнопки отправки особенные стили, а как кастомизировать именно button я не нашел. Сообщение от Soldado 2) Куда выводятся возвращённые данные? Выводятся данные как раз вместо старых данных формы. С рабочим вариантом попробую сейчас, спасибо. Добавлено через 15 минут Ваш пример не работает. Опять же, запрос идет, данные отсылаются, но по пути к обработчику как будто теряются. Скрины: Скрин отправки запроса: Скрин ответа: Вообще без понятия, что может быть не так, ведь все вроде изолированно от других компонентов сайта. Причем POST, без обработки ajax прекрасно отсылается и получается. 0

@djagya 1 / 1 / 0 Регистрация: 30.11.2011 Сообщений: 16
	03.08.2012, 15:46 [ТС]	5
	Сообщение от Soldado На счёт формы: данные возвращаются в элементы формы, на не в форму. Если у Вас в ней 5 импутов, текстовое поле, а данные возвращены строкой из обработчика, то куда они, по-вашему должны записаться. Нужно их "выдёргивать" из этой строки данных и записывать в конкретный элемент таблицы. Я, быть может, не очень Вас понимаю. Я просто вместо всех инпутов, элементов и прочего внутри формы беру и всталяю данные, пришедшие от обработчика. Но суть не в этом, а в том, что мне обработчик не присылает ничего. Переменная $_POST в нем пуста, как будто данные "по дороге" к обработчику теряются. 0

@djagya 1 / 1 / 0 Регистрация: 30.11.2011 Сообщений: 16
	05.08.2012, 17:04 [ТС]	7
	Спасибо большое, я переписывал ваш пример сначала, и у меня ничего не работало, от отчаяния просто скопировал - и на удивление все заработало) Добавлено через 1 час 6 минут Тогда еще один вопрос по теме. А как можно отправить файл через ajax? Отправлять в iframe? И если да, то каким образом делается в общих словах? 0

@Schtrich weboman 210 / 195 / 63 Регистрация: 13.08.2010 Сообщений: 1,531 Записей в блоге: 6
	05.08.2012, 19:53	8
	Сообщение от djagya Тогда еще один вопрос по теме. А как можно отправить файл через ajax? Отправлять в iframe? И если да, то каким образом делается в общих словах? Используйте плагины. Самописный скрипт мало тут у кого получался. Если что, в личку, я вам ссылку кину. 0