Почему AJAX не передает данные в скрипт?

Question

[Владимир]

Коллеги, помогите с затыком.
Есть некий код в index.php:

...
<div>
<?php include ( 'excerpt.php' ); ?>
</div>
...

Есть меню, формируемое программно из таблицы БД. Существенная для темы вопроса его часть:

<ul>
    <li class="line" data-catID="id из БД">Текст 1</li>
    <li class="line" data-catID="id из БД">Текст 2</li>
</ul>

Обработка клика:

$(document).ready(function() {
	$('.line').on('click',function () {
            var inner = this.innerText;
            var catID = this.attributes['data-catID'].value;
	$.ajax({
            type: 'POST',
            url: 'excerpt.php',
            dataType: 'html',
            data: { 'bd_item': inner, 'catID': catID },
            cache: false,
            success: function(data){
            	console.log('success'+'\n'+catID+' => '+inner);
            },
            error:function(data){console.log('error');}
            });
	});
});

Теперь я просто хочу проверить, что приходит в excerpt.php:

if(!empty($_POST)) {
	echo "POST is not empty";
    else {
    	echo "POST is empty";
    }

Результат:
1. В консоли правильно выводится catID и inner;
2. В index.php постоянно выводится "POST is empty".

ПОЧЕМУ и что я делаю не так?

Comments

[Ао]

попробуйте во первых в success вывести console.log(data);
а на сервере echo json_encode($_POST)
И посомтрите что приходит вам на сервер
не пользую жквери поэтому не знаю правильно ли вы задали все парметры, писали бы вы на JS без этих костылей
Типа :

var postData = new FormData();
postData.append("bd_item",inner);
postData.append("catID",catID);
  let options = {
        method:"POST",       
        body: postData,
        credentials: "include",
        mode: 'cors'
    };
 fetch('excerpt.php', options
        ).then(function(response) {        
            return response.json();
        }).then(function(response) {        
         console.log(response);
        }).catch(function (error) {
            console.log(error);
        });

[Владимир]

Ао, благодарю. Но Вы, видимо, не заметили, что я передаю данные в формате html, а не json.
Кроме того, я не читаю данные из формы (Вы используете FormData), а передаю массив, сформированный из переменных, читаемых из элемента DOM и параметра data.
Есть и еще один нюанс: код с использованием AJAX короче, понятнее и лучше читается.

[Артур]

мб:

if(isset($_POST){

if(!empty($_POST)) {
  echo "POST is not empty";
    }
    else echo "POST is empty";
}

[Владимир]

У меня и было:
Теперь я просто хочу проверить, что приходит в excerpt.php:
if(!empty($_POST)) {
echo "POST is not empty";
else {
echo "POST is empty";
}

[Ао]

Владимир, Заметил я всё, я и говорю что жквери забил вам голову путаницей с dayatype, по http вы передаёте строковые данные, в виде ключ= значение.
Я привёл вам пример с FormDat как простой способ передать данные на сервер в виде пар ключ=значение, могу другой предложить, в данном примере я не беру данные из формы, я создаю пустой объект и заполняю его вашими данным полученными из ваших переменных....

var inner = this.innerText;
var catID = this.attributes['data-catID'].value;
var postData = new FormData();
postData.append("bd_item",inner);
postData.append("catID",catID);

Есть и еще один нюанс: код с использованием AJAX короче, понятнее и лучше читается.

Ну если Вам так кажется... пусть так и будет, продолжайте писать то не знаю что , которое работает так не знаю как.... и будите вечно сидеть на тостере и задавать детские вопросы, вместо того чтобы понять как работает язык без костылей ...

Answer 1

[Vitsliputsli]

Вы в index.php ничего post-ом не передаете, соответственно "POST is empty".

Comments

[Владимир]

Ну так я передаю в excerpt.php, а он инклудом включен в index

[Владимир]

Попробовал отдавать POST в index - результат тот же.

[Vitsliputsli]

Вы отправили ajax запрос к excerpt.php (без всяких index.php), excerpt.php вам вернет, что "POST is not empty", если откроете devtools в браузере, то в Networks увидите ответ.
index.php вы вероятно вызываете в браузере, да он обработает excerpt.php, но при этом вызове ничего post-ом не передавалось (ajax ведь здесь уже не при чем).
Т.е. все работает и передается на сервер, но вы ожидаете не то, что должно происходить.

[Vitsliputsli]

ajax может и к index.php обращаться - без разницы, ответ вернется в фоновом режиме. Где вы смотрите ответ после отправки ajax?

[Владимир]

Vitsliputsli, добавил в index

<?php if (isset($_POST)) var_dump($_POST); else echo "POST is not here"; ?>

, а в скрипте изменил url: 'index.php',.
Результат:
array(0) { } POST is empty

[Владимир]

Убрал include из index - array(0) { }.
Т.е. POST пустой.

[Vitsliputsli]

Где проверяете что вам возвращает ajax? Вы это можете сделать либо в devtools браузера, либо в javascript замените в вызове ajax следующее:
success: function(data){
console.log(data);
},
Тогда у вас в консоль будет выводиться ответ сервера.

[Владимир]

Vitsliputsli, простите, я, видимо, как-то не так объясняю...
У меня в вызове AJAX есть

success: function(data){
            	console.log('success'+'\n'+catID+' => '+inner);

В консоль нормально выводятся правильные данные.
Если, по Вашему совету, выводить console.log(data), то в консоль выводится вся страница index.php, включая результат var_dump($_POST) (не пустой). Но на странице index.php в браузере все равно пустой дамп $_POST.

[Vitsliputsli]

console.log('success'+'\n'+catID+' => '+inner);

это данные не с сервера, это данные которые были изначально

success: function(data){
console.log(data);
},

а это уже данные, которые пришли с сервера, это вся страница index.php, потому что так отправляет данные index.php.

Но на странице index.php в браузере все равно пустой дамп $_POST

Вы наверное не очень понимаете, что должно получиться. Вы загрузили страницу (index.php) в браузере, сервер вам пришлет, что $_POST пустой, т.к. при обращении из браузера вы post-запрос не отправляли.
Далее вы отправляете ajax-запрос, получите данные в переменную data, а что уж делать с ними, вам решать. Все это никак не повлияет на страницу загруженную в браузере, там как было написано $_POST пустой, так и будет, и если обновите страницу тоже. Но данные полученные с помощью ajax, вы можете вывести на страницу при помощь javascript или еще что-то с ними сделать (внутри функции success).
Почитайте более подробно про механизм ajax.

[Владимир]

Vitsliputsli, посмотрите stroytara.ru.
Я там делал точно так же, как пытаюсь сделать здесь.
Есть php-код index, в нем инклудится php скрипт, в который передаются данные нажатой категории (через ajax). В скрипте проверяется массив $_POST и по шаблону выводятся данные. То, что представлено здесь - практически упрощенный клон того проекта.
Если работает там, то почему не работает здесь?
Если будете смотреть коды на стройтаре, не судите строго: код грязный, заказчики все еще тестируют функционал и работают с админкой)))

[Vitsliputsli]

Владимир, обратите внимание на секцию success в ajax на этом сайте:

success: function(data){ $("#subtitle").html(data); }

Этот простой код изменит содержание тега с id=subtitle документа, т.е. подставит содержимое data (данные пришедшие с сервера) внутрь следующего тега:

<h2 id="subtitle">
        выберите категорию для показа товаров    </h2>

[Владимир]

Vitsliputsli, а вот и нет))) Нажмите на любую категорию, лучше на бадьи - там точно есть товары, а потом посмотрите код страницы в браузере. Вы удивитесь - в диве с этим айди по прежнему будет "выберите категорию..."

[Владимир]

Vitsliputsli, и, кстати, я пытался сделать див с айди "output"и поместить туда data -без толку.

[Vitsliputsli]

Владимир, не удивился, все происходит как я описал (хотя могло быть и не так, я же не проверял весь код), разумеется только тогда, когда ajax запрос отправляется, а отправляется он когда выбираешь ссылку, которая появляется только после наведения на нужный объект (бред какой-то). И почему я рассказываю как работает ваш сайт?..

[Владимир]

Vitsliputsli, не, не надо мне рассказывать, как он работает)))
Наверное, не лучшее решение, но вполне себе юзабельное.
Вопрос все равно остался открытым: почему не работает практически клон такого решения?

[ThunderCat]

Владимир, "мой сосед заливает в бак машины какую-то вонючую жидкость и потом его машина едет, я в свою залил хлорку и она не едет, ПАЧИМУ?"
Вам уже объяснили что нужен бензин, но вы настаиваете что там какая-то особая "уличная магия", ну ок )

[Владимир]

Коллеги, благодарю всех за ответы.
К сожалению, на Тостере, как и на других подобных ресурсах есть одна, но БОЛЬШАЯ проблема...
Я ни разу не сомневаюсь, что все участвующие в обсуждении являются профессионалами. Но именно здесь, видимо, и проявляется некоторое искривление: НИКТО и НИ РАЗУ ни в одном моем вопросе не ответил КАК НУЖНО ДЕЛАТЬ. Но все без исключения говорят, что "вот здесь" я делаю не так.
Т.е., к сожалению, принцип помощи "как есть" -> "как должно быть" не срабатывает...
Еще раз благодарю за обсуждение и советы. Я обязательно ими воспользуюсь.

[Vitsliputsli]

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

Результат:
1. В консоли правильно выводится catID и inner;
2. В index.php постоянно выводится "POST is empty".

ПОЧЕМУ и что я делаю не так?

чтобы в нем было не "что я делаю не так", а "я хочу сделать то-то и то-то, что мне нужно изменить в коде чтобы это получить". И тогда, возможно, появятся ответы "как нужно делать".

[Владимир]

Vitsliputsli, да, Вы правы и я уже говорил об этом: правильный, ожидаемый ответ можно получить только на правильно заданный вопрос.
Буду тренироваться в Яндексе на языке поисковых запросов )))

[Владимир]

Кстати, задачу в проекте я решил, но не том способом, который хотел бы использовать и использовал ранее.
Просто передал из запроса AJAX на success данные в тег body index.php. Массив $_POST читается, выборка из БД делается...

Answer 2

[morricone85]

2. В index.php постоянно выводится "POST is empty".

так и должно быть

Answer 3

[irishmann]

Зачем в index include ( 'excerpt.php' )? При загрузке страницы у вас не передается никакой запрос, ни пост ни гет, поэтому excerpt.php говорит что пост не обнаружен. Он тут вообще не нужен. Он должен принять запрос и ответить. Запрос вы отправляете ajax'ом и им же принимаете, затем выводите так как вам нужно.