我想用ajax,jquery和php对页面上的产品进行过滤。
我使用ajax进行分页,并且效果很好,但是我不知道如何制作过滤器。
在js中,我有以下代码:
$(document).ready(function(){
load_data(1);
function load_data(page, query = '', qry_stoc = '')
{
$.ajax({
url:"ajax/fetch.php?cat=52",
method:"POST",
data:{page:page, query:query, qry_stoc: qry_stoc},
success:function(data)
{
$('#dynamic_content').html(data);
}
});
}
var stoc = $('.qry_stoc').val();
$(document).on('click', '.page-link', function(){
var page = $(this).data('page_number');
var query = $('#search_box').val();
var stoc = $('.qry_stoc').val();
load_data(page, query, stoc);
});
$('#search_box').keyup(function(){
var query = $('#search_box').val();
load_data(1, query);
});
$('.qry_stoc').on('change', function() {
var data = $('.qry_stoc').serializeArray();
var stoc = $('.qry_stoc').val();
load_data(1, stoc);
});
});