Как передать переменную из js в php?

Question

[formspring]

Добрый день!

Есть массив объектов из БД, отображаю его на странице через цикл:

<?php foreach ($cursor as $obj) { ?>
    <li onclick="openPres('<?php echo (string)$obj['_id']; ?>')" style="position:relative;">
    ...
    </li>
<?php } ?>

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

Код попапа лежит в том же файле, но вне цикла.

function openPres(presId) { 
    $.ajax({
	            type : 'POST',
	            url:'/php/wiz.php?evention=get_createdate&ref=pres',
	            data: "pres_id=" + presId,
	            success: function(returned_object) {
	            	$('#createdate').html(returned_object);
	            	console.log(returned_object);
	            }
    });
}

Вопрос - как эти данные можно передать в php, чтоб работать с ними? (например лайкать)

Answer 1

[Евгений Петров]

Непонятно — вы отправляете id в wiz.php, этот скрипт формирует и присылает назад данные, а вы их хотите обратно на сервер? Зачем вам AJAX, если вы можете по id все данные получить прямо на сервере?

Update: После натужных попыток понять, кажется понял

CSS

.item{
	position:relative;
}

PHP

Цикл построения начался
<li data-id="<?php echo (string)$obj['_id']; ?>" data-type="item" class="item">...</li>
Цикл построения закончился

<div id="createdate" data-type="popup">
	<div class="content"></div>
	<button type="button" data-action="send">Залайкать</button>
</div>

JS

$(function () {
	var $popup = $('#createdate'),
		stop;

	$popup.data('content', $popup.children('.content'));
	$(document)
	.on('click', '[data-type="item"][data-id]', function () {
		if (stop) {
			return;
		}

		var $item = $(this),
			id = $item.data('id');

		$.ajax({
			type: 'POST',
			url: 'getObjectInfo.php',
			data: 'id=' + id,
			timeout: 5000,
			beforeSend: function(data) {
				stop = true;
				$item.addClass('loading');
			},
			success: function(data) {
				$popup
					.data('id', id)
					.data('content').html(data);
				stop = false;
				$item.removeClass('loading');
			},
			error: function() {
				//Не забываем про ошибки
				stop = false;
				$item.removeClass('loading');
			}
		});
	})
	.on('click', '[data-action="send"]', function () {
		if (stop) {
			return;
		}

		var $parent = $(this).closest('[data-type="popup"]'),
			params = {
				id = $parent.data('id')
				//Тут собираем изменённые данные
			};

		$.ajax({
			type: 'POST',
			url: 'setLike.php',
			data: $.params(params),
			timeout: 5000,
			beforeSend: function(data) {
				stop = true;
				$parent.addClass('loading');
			},
			success: function(data) {
				//Удачно залайкали
				stop = false;
				$parent.removeClass('loading');
			},
			error: function() {
				//Не забываем про ошибки
				stop = false;
				$parent.removeClass('loading');
			}
		});
	});
});

Comments

[formspring]

Я хочу изменять данные. Не понимаю как их так передать в переменную

[Евгений Петров]

@formspring вы хотите в скрипт на сервере отправлять данные с клиента, куда они были загружены с того же сервера?

Представьте, что 2 человека сидят в комнате, но общаются между собой с помощью курьера. Кто мешает им напрямую спрашивать друг друга?

[formspring]

@Petroveg, я не могу вернуть ajaxом в popup ID так, чтоб её смог обрабатывать php.
сам попап не знает ID объекта, он находится не в цикле. Как можно передать этот самый ID так, чтоб его можно было каунтить уже в самом попапе? не span id="id", а что-то вроде $id=$_GET("id")

[Евгений Петров]

@formspring вы говорите много слов, но из ничего не становится понятней...

я не могу вернуть ajaxом в popup ID так, чтоб её смог обрабатывать php

У вас есть клиентский скрипт, получающий id в значении аргумента presId, и есть серверный скрипт wiz.php, получающий это же id в виде значения параметра pres_id.

Кто там чего не может получить?

сам попап не знает ID объекта, он находится не в цикле

О каком попапе вообще идёт речь? Что это вообще за непонятная сущность?

Как можно передать этот самый ID так, чтоб его можно было каунтить уже в самом попапе

Читайте первый пункт.

Answer 2

[Александр Земляной]

1. Также, через ajax отправить json обратно на php.
2. ??????
3. PROFIT

Comments

[formspring]

и как это сделать? пробовал через GET - не получилось

[Александр Земляной]

Вот все разложено по полочкам www.simplecoding.org/otpravka-dannyx-v-formate-jso...

Answer 3

[Евгений Елчев]

А что именно вам не ясно, код отправки данных на сервер то верный.

Answer 4

[Александр Кубинцев]

Вы получаете в попап данные. Так пусть они сразу отображаются в форме редактирования. Или сделайте отдельное окно для этого, вызываемое по кнопке типа "редактировать". На сабмит формы вешаете обработчик javascript, который сериализует данные формы и отправит на сервер через ajax.
Классика жанра.