Всем привет, есть готовый фильтр но он с перезагрузкой страницы, как будет правильнее реализовать фильтр без перезагрузки.
Вот фильтр с перезагрузкой
$filter = $_GET["sort"];
<form method="GET" action="filter.php">
<ul class="checkbox-filter">
<li>
<input type="checkbox" name="sort[]" value="one" id="check"/>
<label class="checkbox" for="checkbrendx">one</label>
</li>
<li>
<input type="checkbox" name="sort[]" value="two" id="check"/>
<label class="checkbox" for="checkbrendx">two</label>
</li>
</ul>
<input type="submit" name="submit" id="button" value="Применить" />
</form>
<div id="item">
<div>one</div> <-- эти блоки из БД (в ячейках указаны значения one или two)
<div>two</div> <-- эти блоки из БД (в ячейках указаны значения one или two)
<div>
Как бы так красиво реализовать его на AJAX
$(document).on('click', '.checkbox-filter', function(){
var filter = 'тут нужно как-то получить данные из переменной $filter с массивом $_GET["sort"]';
function show(url, selector){
$.ajax({
type: "POST",
url: url,
data: "filter="+filter,
cache: false,
success: function(html){
$(selector).html(html);
}
});
}
show('../functions/filter.php', '#item');
});