Как правильно передать значение переменной в ajax запрос?

Question

[I'm Yoda]

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

<div class="filter-wrapper">
        <form action="" method="GET"
              enctype="multipart/form-data" name="interrior" id="interrior">
            <div class="clearfix"></div>
            <div class="grid js-isotope">
                <div class="grid-sizer"></div>
                <? foreach ($arResult['ITEMS'] as $key => $arItem) : ?>
                    <?
                    $this->AddEditAction($arItem['ID'], $arItem['EDIT_LINK'], $strElementEdit);
                    $this->AddDeleteAction($arItem['ID'], $arItem['DELETE_LINK'], $strElementDelete, $arElementDeleteParams);
                    $strMainID = $this->GetEditAreaId($arItem['ID']);

                    $image = $arItem['PREVIEW_PICTURE']['SRC'];
                    ?>
                    <div class="grid-item" id="<?= $strMainID; ?>">
                        <div class="item-box">
                            <button value="<?= $image; ?>"
                                    oncl ick="sendGet();" name="data_item" class="btn-selector">
                                <img src="<?= $image; ?>" class="image"/>
                            </button>
                            <p class="text-center">
                                <?= $arItem["NAME"]; ?>
                            </p>
                        </div>
                    </div>
                <? endforeach; ?>
                <?
                $data_item = $_GET["data_item"];
                ?>
            </div>
        </form>
        <div id="popup-box" class="popup-box">
            <div class="image-container">
                <img src="<?= $data_item ?>" class="img-thumbnail"/>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        function sendGet() {
            $(".btn-selector").click(function () {
                $.ajax({
                    type: 'get',
                    url: 'ajax.php',
                    data: {
                        'data_item': '<?= $data_item ?>'
                    },
                    response: 'text',
                    success: function (data) {
                        $('#result').html(data);
                    }
                });
            });
        }
    </script>

Где не так сделал?

Comments

[Сергей]

'data_item': '<?= $image ?>'

[I'm Yoda]

Сергей: Пробовал так, всегда подставляет одну и ту же картинку! (

[Сергей]

Леонид: А вам какую надо?

[I'm Yoda]

Сергей: Есть сетка из картинок, надо чтоб при нажатии на элемент скажем с ID=15 в запрос отправлялся путь к картинке этого элемента. С ID=32 путь к картинке этого элемента и т.д. Не могу разобраться почему не передается путь.

Answer 1

[MrTimon]

Ну во-первых не нужно в ф-цию sendGet ставить обработчик $(".btn-selector").click. Выберете или одно или другое. Я бы советовал убрать ынлайн ф-цию sendGet. А скрипт перепесать следующим образом

$(document).ready(function() {

        $(".btn-selector").click(function () {
                var imgsrc = $(this).attr('value');

                $.ajax({
                    type: 'get',
                    url: 'ajax.php',
                    data: {
                        'data_item': imgsrc 
                    },
                    dataType : 'html',
                    success: function (data) {
                        $('#result').html(data);
                    }
                });
            });

});

тоесть имидж нужно выберать с атрибутов батона ну или с нижестоящего имиджа. Если я правильно понял Ваше условие

Comments

[I'm Yoda]

работает как никогда! ОГРОМНЫЙ + вам в карму! Вы меня очень выручили!