Как отправить такой ajax запрос?

Question

[dev400]

есть 3 чекбокса, при выборе каждого должен формироваться ajax запрос с чекнутыми элементами.

То есть если выбран 1 чекбокс с id="id1"

$.ajax({
                url: '/handler.php',
                type: 'GET',
                data: {
                    id1: id1,
               },
                success: function(html) {
                    $('#id').html(html);
                }
            });

Если выбрали второй чекбокс с id="id2", но первый так же остался чекнутым:

$.ajax({
                url: '/handler.php',
                type: 'GET',
                data: {
                    id1: id1,
                    id2: id2,
               },
                success: function(html) {
                    $('#id').html(html);
                }
            });

С третьим тоже самое... И аналогично они должны убираться из запроса при снимании чека. Как такое сделать?

Answer 1

[Евгений Одинец]

https://jsfiddle.net/yjrw2zvt/

<input type="checkbox" class="checkbox" name="id1"/> 1
<input type="checkbox" class="checkbox" name="id2"/> 2
<input type="checkbox" class="checkbox" name="id3"/> 3

$('.checkbox').change(function(){
		var data = [];
    $('.checkbox').each(function(){
        if( $(this).is(':checked') ){
           data.push( $(this).attr('name'));
        }
    });
    console.log(data);
});

Comments

[dev400]

Массив заполняется, но ajax запрос не осуществляется почему то

[Карл Майнхофф]

dev400: Может потому, что его там и нет? Дописывайте в приведенный код AJAX запрос и будет вам счастье.

[dev400]

Карл Кремень: я про это

$.ajax({

                url: '/handler.php',
                type: 'GET',
                data: data,

                success: function(html) {

                    $('#id').html(html);

                }

            });

Не работает. Может data как то по другому указать?

[Карл Майнхофф]

dev400: Посмотрите консоль браузера. Вы же под Chrome, надеюсь?

[Евгений Одинец]

Карл Кремень: сделайте так: data: $.param(data), что-бы преобразовать массив в query строку

[dev400]

Евгений Одинец: точно. Спасибо!