Je suis tryng pour créer un filtre de barre latérale pour un e-commerce. J'ai implémenté avec succès une pagination de défilement infinie, mais maintenant j'ai un problème avec les filtres.Filtre Ajax dynamique avec implémentation Laravel
<ul class="check-box-list">
<?php $m = 1; ?>
@foreach($marchi as $marchio)
<li>
<input type="checkbox" id="m{{$m}}" class="marchio" name="{{ $marchio->id_produttore }}" data-marchio="{{ $marchio->brand->nome}}" value="{{ $marchio->brand->nome }}" />
<label for="m{{$m}}">
<span class="button"></span>
{{ $marchio->id_produttore }}<span class="count">({{ $marchio->total }})</span>
</label>
</li>
<?php $m++; ?>
@endforeach
</ul>
avoir ces cases à cocher ci-dessus générées dynamiquement. Si je clique sur un de ces i peut déclencher la valeur correcte en utilisant ce js:
<script type="text/javascript">
$('.marchio').on('click', function() {
var marchio = $('.marchio:checked').val();
$.ajax(
{
url: '?marchio=' + marchio,
type: "get",
beforeSend: function()
{
$('.ajax-load').show();
}
})
.done(function(data)
{
if(data.html == " "){
$('.ajax-load').html("No more records found");
return;
}
$('.ajax-load').hide();
$("#post-data").append(data.html);
})
.fail(function(jqXHR, ajaxOptions, thrownError)
{
alert('server not responding...');
});
});
Mais si je clique sur une 2ème case, la valeur ajoutée à l'URL ajax restant le même, si je décochez la première qui reste la seconde. Je dois passer à l'url plusieurs valeurs de la même classe checkbox en l'ajoutant à l'url. Et si certaines catégories peuvent avoir plusieurs filtres j'ai besoin de l'URL ajax peut accepter différents? Querystryngs par exemple en ajoutant ',' des valeurs séparées une fois que nous cliquons sur les cases à cocher. Est-ce que quelqu'un peut m'aider?
Wow JOE, vous êtes génial. Beaucoup, beaucoup, beaucoup, beaucoup travaillent, et j'ai appris un nouveau concept important. – rubenSousa