Javascript

Скрипт для отправки данных ajax

Скрипт для отправки данных ajax.

<div class="col-md-12">
<p>Выберите свойство</p>
<span class="read_more_btn" data-info="Свойство1">Свойство1</span>
<span class="read_more_btn" data-info="Свойство2">Свойство2</span>
</div>

По клику на кнопку read_more_btn происходит добавление значения атрибута data-info в массив valArr. При повторном клике значение из массива удаляется. Данный скрипт используется для фильтрации элементов в списке элементов битрикс: "Фильтр и по разделу и по множественному свойству"

var valArr = [];
$('.read_more_btn').on('click', function () {
if(!$(this).hasClass('active')) {
valArr.push($(this).attr("data-info"));
$(this).addClass("active");
} else {
$(this).removeClass("active");
for (var i = 0; i < valArr.length; i++) {
if(valArr[i] == $(this).attr("data-info")) {
valArr.splice(i, 1);
}
}
}
var sendData = {
arr: valArr
};
$.ajax({
type: 'POST',
url: '/ajax/spec.php',
global: false,
data: ({sendData: sendData}),
success: function (send) {
$(".ajax_filter").html(send);
}
});
});

сайт на Bitrix

Территориально я нахожусь в Санкт-Петербурге, но могу и готова работать со всеми, вне зависимости от вашего местоположения. Вы можете написать мне через форму обратной связи, либо связаться через социальные сети. Ознакомиться с портфолио можно здесь и здесь.

Социальные сети

Рандом новостей