Последовательный ajax запрос

@amoralov · Регистрация: 28.04.2013

Author24 — интернет-сервис помощи студентам

Здравствуйте, уважаемые гуру!

Работаю над созданием фильтрации видеоматериалов на сайте.
Существует два фильтра по типу и качеству. Вот пример кода:

HTML5

<p>Тип:</p>
<a href="?type=show">Шоу</a>
<a href="?type=movie">Фильмы</a>
<a href="?type=cartoon">Мультфильмы</a>
 
<p>Качество:</p>
<a href="?quality=4k">4k</a>
<a href="?quality=2k">2k</a>
<a href="?quality=1080p">1080p</a>

При нажатии на ссылку выполняется ajax запрос:

Javascript

$(document).ready( function() {
    $('a').on('click', function(e) {
        var link = $(this).attr('href');
        $.ajax({
            url: 'search.php',
            method: 'GET',
            data: link.substr(1),
            dataType: 'html',
            success: function (data) {
                $('#result').html(data);
            }
        });
    e.preventDefault();
    });
});

Приведу пример.
При нажатии на ссылку Шоу, выполняется запрос:

HTML5

1	http://site.com/search.php?type=show

При следующем нажатии на ссылку 4k, выполняется запрос:

HTML5

1	http://site.com/search.php?quality=4k

А вот и сам вопрос.
Как реализовать чтобы следующий запрос выполнялся вот так?

HTML5

1	http://site.com/search.php?type=show&quality=4k

а не вот так:

HTML5

1	http://site.com/search.php?quality=4k

@fanatikus · 19.02.2017, 19:29

а если сделать радио кнопки и кнопку(типа- применить фильтр)? выбрал тип, качество нажал применить. и формируем ссылку как вам нужно.

@fanatikus 1931 / 1522 / 703 Регистрация: 17.11.2012 Сообщений: 6,585
	19.02.2017, 19:29	2
	а если сделать радио кнопки и кнопку(типа- применить фильтр)? выбрал тип, качество нажал применить. и формируем ссылку как вам нужно. 0