Как передать данные из js в php с помощью ajax?

Question

[lotoseu]

Есть динамически выводимые радиокнопки

foreach ($offers as $element) {
                    $offer = $res[$arResult['ID']][$element['ID']];
                    // echo "<br>Цена ".$element['ITEM_PRICES'][0]['PRINT_PRICE']."  ".$res[$arResult['ID']][$element['ID']]['NAME']."<br>";?>                
                    <label for="<? echo "offer_".$offer['ID']?>"><?echo $offer['NAME']."  "." - <span>".$element['ITEM_PRICES'][0]['PRINT_PRICE']."</span>"?></label>
                    <input type="radio" id="<? echo "offer_".$offer['ID']?>" name="offers"  value="<?echo $offer['NAME']?>"/><br>
                <?}?>

И есть скрипт в этом же файле, который слушает переключения между радиокнопками. Получаю id и мне нужно сразу передать его в текущий php файл

<script>
    $(document).ready( function () {
       
        $('input[type=radio]').change(function() {
            // console.log(this.value);
            var id = this.id.split('_');
            var ob = {
                'id': id[1]
            }
            BX.ajax({
                    url: '/bitrix/templates/adaptive_s1/components/bitrix/catalog/catalog/bitrix/catalog.element/.default/template.php',
                    type: 'POST',
                    data:JSON.stringify(ob),
                    dataType: 'json',
                    method: 'post',
                    cache:false,
                    contentType:"application/json",
                    onsuccess:function(data){
                       console.log(data);
                    }
            });
        });
    });
    </script>

В итоге $_POST - пустой, ничего не записалось. Сам запрос отработал с кодом 200
Подскажите пожалуйста, что я не так делаю. Как еще можно решить такую задачу?

Comments

[Алексей Уколов]

JSON.stringify, поди, лишний.

[lotoseu]

Алексей Уколов, все равно $_POST пустой :(

[FanatPHP]

что такое "текущий php файл"?
тот который выводил этот список и уже сто лет как завершил работу?

[lotoseu]

FanatPHP, тоже самое происходит даже когда я указываю другой скрипт

[FanatPHP]

а в devtools-то пост данные есть?

[lotoseu]

FanatPHP, да, в form data - прилетел мой id

[FanatPHP]

а где ты видишь что ПОСТ пустой?

[lotoseu]

FanatPHP, были попытки вывести в том файле который прописан в урл, потом в другом файле, в который нужно передать id; вывод с помощью функции print_r(var_dump), присваивая значение переменной $_SESSION

[FanatPHP]

Что значит "попытки"?
отлично, выводим в "том файле"
что он выводит?

[PetrPo]

lotoseu, url неправильный, напиши так
url: '<?=$APPLICATION->GetCurDir();?>',

[no_one_safe]

PetrPo, так там скорее всего кешируемый компонент, поэтому все равно не сработает. Шаблон то из Кеша возьмётся. У человека нет понимания как работает cms, тут врядли получится объяснить.

[PetrPo]

no_one_safe, ну да) почему-то я решил, что это в комплексном компоненте пишется и там какой-нибудь restartbuffer будет. Наверное потому что в url в первой половине написано /bitrix/templates/adaptive_s1/components/bitrix/catalog/ а потом еще есть продолжение catalog/bitrix/catalog.element/.default/template.php

[lotoseu]

Прошу простить мою незрелость в работе с cms Битрикс, я в нем новичок. Это смущает тех, кто уже набил шишки, но я тут чтобы мне подсказали те, кто уже хорошо знаком с cms. Очень приятно, что вы помогаете мне. Спасибо всем большое :)

[lotoseu]

PetrPo, знаете помогло, он вернул страницу текущую, но в ней уже был $_POST и он не пустой))))), еще он ругался на то, что был указан тип json, а отправлялся объект, без него сразу все сработало. Спасибо огромнейшее) Если вдруг это неправильный подход и нужно как-то по-другому работать с передачей от клиента на сервер, подскажите пожалуйста, спасибо.

[PetrPo]

lotoseu, подход нормальный в случае, если код написан в некешируемой области, например в файлах комплексного компонента или в файле component_epilog.php простого компонента.

Я посмотрел url, увидел вот эту часть /bitrix/templates/adaptive_s1/components/bitrix/catalog/........, т.е. /components/bitrix/catalog/ - указывает на комплексный компонент, поэтому и написал такое решение

Но в url есть продолжение .........catalog/bitrix/catalog.element/.default/template.php, где catalog/bitrix/catalog.element/ - указывает на простой компонент и кешируемый файл template.php

Так все-таки где написан код?

[lotoseu]

PetrPo, у меня было отключено автокеширование, получается не работает( В простом компоненте

[lotoseu]

PetrPo, а как решаются подобные задачи с простым компонентом? Как же мне записать в сессию значение id и передать его в другой компонент. При том, что значение id находиться в js и передать нужно в php?

[PetrPo]

lotoseu, че-то какая-то мешанина из слов. Давай ты целиком сформулируешь задачу, а я уже помогу найти оптимальное решение

[lotoseu]

Нужно добавить торговое предложение в корзину. Для этого были созданы радиокнопки, их нажатие я отслеживаю с помощью jquery .change - где получаю id выбранного тп. Это id нужно передать в другой компонент, где генерируется форма с инф и где товар добавляется в корзину. Просто так получить id которое находиться в скрипте js я не могу, поскольку по факту это клиент, а php - серверный язык. По этой причине я отправляю ajax запрос, чтобы в переменной $_POST записать нужное id. А для того, чтобы передать его в другой компонент, я записываю значение $_POST в сесиию $_SESSION. Почти все получилось, но при кешировании не добавляется значение в переменную $_POST.

[lotoseu]

Получилось. Создала отдельный файл ajax.php подключила в нем пролог и присвоила id переменной сессии

<?require_once($_SERVER['DOCUMENT_ROOT'] . "/bitrix/modules/main/include/prolog_before.php");
$_SESSION['OFFER_ADD_ID'] = $_POST['id'];?>

Большое спасибо всем за помощь))

Answer 1

[Spartak (Web-StyleStudio)]

jQuery.ajax ()

Замените

data:JSON.stringify(ob),

На
data: ob,

Comments

[lotoseu]

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

[Spartak (Web-StyleStudio)]

lotoseu,
В девтулс на вкладке нетворкс посмотрите куда уходит и что уходит

[lotoseu]

Spartak (Web-StyleStudio), в devtools показано что идет на тот файл который я указала. В Referer указан адрес типа https://site/torgovoe-oborudovanie/1687/?tab=capab... . Form Data - указан id, который отправили

[Spartak (Web-StyleStudio)]

lotoseu,

console.log(data);

В консоле что приходит?

[lotoseu]

Spartak (Web-StyleStudio), приходит пустая строка

[Spartak (Web-StyleStudio)]

Не знаю какую версию jquery вы используете, попробуйте так:

$(document).ready( function () {
	$('input[type=radio]').change(function() {
		// console.log(this.value);
		var id = this.id.split('_');
		var ob = {'id': id[1]};

		$.ajax({
			url: '/bitrix/templates/adaptive_s1/components/bitrix/catalog/catalog/bitrix/catalog.element/.default/template.php',
			type: 'POST',
			data: ob,
			dataType: 'json',
			cache: false,
			error: function(jqXHR, textStatus, errorThrown) {
				console.log("Error:", jqXHR, textStatus, errorThrown);
			}, 
			success: function(data){
				console.log("Success:", data);
			}, 
			complete: function(jqXHR, textStatus) {
				console.log("Complete:", jqXHR, textStatus);
			}, 
		});
	});
});

И смотрите что выведет в консоль

[Spartak (Web-StyleStudio)]

lotoseu,
И в php файле добавьте

var_dump($_POST);
// Или 
print_r($_POST);

[lotoseu]

Spartak (Web-StyleStudio), Спасибо большое, он как оказалось ругался на dataType:'json'. Он ждал json, а отправлялся объект. Без этой строки сразу все сработало.

[Spartak (Web-StyleStudio)]

lotoseu,
Значит вам надо dataType:'html' либо передавать json