Как php переменной присвоить js результат из ajax?

Question

[Андрей]

Добрый день!
Начал рабираться с ajax, и есть такая проблема, которую я не пойму как решить
есть кнопка:

<button class="btn btn-primary btn-lg my_basket_call" id="<?=$arItem['ID']?>" data-toggle="modal" data-target="#myModal">Отправить</button>

при нажатии на какую выполняется код js:

$(document).ready(function(){
/* тут считывается параметр который передается атрибутом id в кнопке */
	$('.my_basket_call').on('click', function(){
		var idclick = $(this).attr("id");	
	});
/* тут же идет запрос ajax на полученный id и отправка в документ request.php */
	$('.my_basket_call').bind('click', function(){
		var idclick = $(this).attr("id");
		console.log(idclick);
		$.ajax({
			url: 'request.php',
			type: 'POST',
			data: ({cat: idclick}),
			dataType: 'html',
			beforeSend: funcDown,
			success: succesEnd
		});
	});
});

в request.php:

<?
			if($_POST['cat'])
			{			
				$res = $_POST['cat'];
				echo $res;
				
			}		
 ?>

Вопрос, как мне полученный результат вернуть на страницу запроса(index.php) в файле request.php, точнее поместить её в php переменную и вывести отдельно?

Answer 1

[McBernar]

Принимать ответ от AJAX и выводить через JS.

success: function(msg) {
console.log(msg)
}

Comments

[Андрей]

McBernar:
я делал это

$.ajax({
			url: '/local/templates/.default/components/bitrix/catalog.section/.default/request.php',
			type: 'POST',
			data: ({cat: idclick}),
			dataType: 'html',
			beforeSend: funcDown,
			success: succesEnd
		});

function funcDown() {
	$('.res_cat').text('Загружается...');
}

function succesEnd(data) {
	$
	$('.res_cat').text(data);
}

и потом на странице запроса выводил:
<div class="res_cat"></div>

Но как мне то что выводило в dive передать в php переменную и что бы вывести например в каком-то компоненте?

[McBernar]

Да, в общем, никак.

Вы можете в самом php-скрипте не только делать echo, но и оперировать поступающими данными — писать их в базу, создавать объекты с переданными свойствами и т.д. Все зависит от архитектуры.

Answer 2

[Александр]

1. Послать запрос с этой переменной на нужный скрипт;
2. Вместо выполнения асинхронного запроса на JS, выполнять его на PHP с помощью cURL.

Comments

[Андрей]

Александр Рябов:а есть какой-то пример?
или как это можно сделать?
а то я только начал это изучать

[Александр]

Андрей: вот пример на PHP, а вот примеры на JS.

Answer 3

[Максим Тимофеев]

php генерирует html и отдает браузеру. Именно там уже в браузере, а не на сервере выполняется ajax, который шлет запрос и получает ответ. Соответственно передать туда куда шлет можно через сам запрос, добавив параметры, а вот в первый файл никак, так как он уже отработал, еще до запуска ajax. Я так понимаю Вы в прошлое хотите вернуться. Работать надо не с php, а с html который он отдал.
Если не правильно понял, тогда перепишите

Вопрос, как мне полученный результат вернуть на страницу запроса(index.php) в файле request.php, точнее поместить её в php переменную и вывести отдельно?

потому как не понятно кого ее? И что значит "вывести отдельно".

Comments

[Андрей]

Максим Тимофеев:
"ее" это результат request.php, при запросе ajax, а вывести отдельно, это передать в php переменную

[Максим Тимофеев]

Ваш в request.php так и делает. Возвращает $_POST['cat']. Далее срабатывает какая-то функция succesEnd, если покажите что в ней, то будет проще.
Вот например вывод того что вернул request.php в блок с id='some_id':

$.ajax({
      url: 'request.php',
      type: 'POST',
      data: ({cat: idclick}),
      dataType: 'html',
      beforeSend: funcDown,
      success: function(data){
             $('#some_id').html(data);
          }
    });

или как вариант можно в data атрибут записать:

success: function(data){
             $('#some_id').attr('data-vernul-request',data);
          }

[Андрей]

Максим Тимофеев: Я делал так

$.ajax({
      url: '/local/templates/.default/components/bitrix/catalog.section/.default/request.php',
      type: 'POST',
      data: ({cat: idclick}),
      dataType: 'html',
      beforeSend: funcDown,
      success: succesEnd
    });

function funcDown() {
  $('.res_cat').text('Загружается...');
}

function succesEnd(data) {
  $
  $('.res_cat').text(data);

[Максим Тимофеев]

Андрей: А зачем мне Ваш код, если я Вам уже привел пример верный? Найти 10 отличий?

[Андрей]

Максим Тимофеев: Вы мне привели пример как вывести результат, например в блоке div
результат
Хорошо
у меня идет компонент на сайте, в которое надо передать id при нажатии кнопки, и как я блок в него засуну?

[Максим Тимофеев]

Андрей: ни хрена не понятно, но вот Ваш пример:

$.ajax({
      url: '/local/templates/.default/components/bitrix/catalog.section/.default/request.php',
      type: 'POST',
      data: ({cat: idclick}),
      dataType: 'html',
      beforeSend: funcDown,
      success: function(data){
             succesEnd(data);
          }
    });

function funcDown() {
  $('.res_cat').text('Загружается...');
}

function succesEnd(data) {
  $('.res_cat').text(data);

Answer 4

[Exploding]

По моему корень зла тут:

function succesEnd(data) {
$ //<---- вот тут
$('.res_cat').text(data);
//И не понятно закрыт ли блок... }???

Answer 5

[Кирюшка Цисарь]

$(function(){
  $('.my_basket_call').on('click', '', function(){
    var idclick = $(this).attr("id");
    console.log(idclick);

    $.ajax({
      url: 'request.php',
      type: 'POST',
      data: 'cat='+idclick,
      beforeSend: funcDown,
      success: function(data){
        $('.xochy_vivesti_tyt').html(data);
      }
    });
  });
});

<?
      if(isset($_POST['cat']) && !empty($_POST['cat']))
      {			
        $res = $_POST['cat'];
        echo $res;        
      }		
 ?>

<div class="xochy_vivesti_tyt"></div>