重新加载或刷新页面后保持选中复选框

时间:2020-04-20 18:34:59

标签: jquery ajax

我想用ajax,jquery和php对页面上的产品进行过滤。

我使用ajax进行分页,并且效果很好,但是我不知道如何制作过滤器。

  1. 重新加载或刷新页面后如何保持选中复选框?

在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);
});

});

0 个答案:

没有答案