Как передать в Ajax запросе массив текущего элемента сформированного методом PhpToJSObject?

Question

[I'm Yoda]

Привет знатоки!
Кто подскажет как передать массив текущего элемента в Ajax запросе. Можно сделать проще и запихать скрипт в цикл foreach, но хочется ограничиться скриптом за пределами цикла. Пробовал также запихать этот массив в скрытый инпут с присвоением id="item_<?= $arItem["ID"]; ?>", и получать его скажем так:

var ID = $(this).attr('id'); // Берется из id кликнутого элемента
var ITEM = $('#item_' + ID); // Собственно сам скрытый инпут с подстановкой полученного id

По идее все (правильно). Но почему то сформированный массив игнорирует то, что инпут скрытый и выводится на странице. В данный момент сделал следующее:
Преобразуем PHP массив в JS

$rsItemJS = array(
            "ID" => $arItem["ID"],
            "NAME" => $arItem["NAME"],
            "PROPERTIES" => $arItem["PROPERTIES"]
        );

        $arItemJS = CUtil::PhpToJSObject($rsItemJS);

Далее в JS скрипте надо передать этот массив! Элементов может быть много, как передать именно тот, на который был сделан клик?

$(document).ready(function ($) {
        $('.item').on('click', function () {

            var ITEM = <?= $arItemJS ?>;
            var AjaxSelectItem = {ITEM: ITEM};

            ajaxrequest('/include/popup.modal.php', AjaxSelectItem , ' .modal-body');

            return false;
        });
    });

Собственно сам файл script.js в котором лежит функция ajaxrequest

function ajaxrequest(url, param, content) {
    $.ajax({
        type: "POST",
        url: url,
        data: param,
        success: function (response) {
            $(content).html(response);
        }
    });
}

У кого какие идеи? Куда мне копать надо, кто задаст мне верный вектор для решения?

Answer 1

[Виктор Янышев]

Выводишь элементы на фронт:

...
<div class="item" data-id="<?= $arItem['ID'] ?>" > тут всякое </div>
...

Потом вещаешь событие:

$('.item').click(function() {
 ajaxrequest('/include/popup.modal.php',  {item_id: $(this).data('id')} , ' .modal-body');
});

Comments

[I'm Yoda]

Мне надо передать массив $arItemJS выбранного итема, а не его ID, подстановка $arItemJS в data-id проблемы не решит!

[Виктор Янышев]

Леонид,

Но почему то сформированный массив игнорирует то, что инпут скрытый и выводится на странице.

как это понять?

Элементов может быть много, как передать именно тот, на который был сделан клик?

Используй this

[I'm Yoda]

Виктор Янышев, насчет скрытого инпута и любых дата атрибутов

В любом случае выводится в таком виде на страницу

[Виктор Янышев]

Леонид, Ну и? Ответ после AJAX ты получаешь в JSON который выводится в указанном элементе. php возвращает json как строку.

[I'm Yoda]

Виктор Янышев, прикол в том, что так он выводится до отправки!

[Виктор Янышев]

Леонид, html покажи

[I'm Yoda]

Виктор Янышев, спасибо за подсказку! Несколько полей были в формате html и из-за этого был такой косяк. Все исправил, заработало!