Question

我想在一个脚本中进行过滤和分页。我分别做了过滤和分页。但是，当我结合这两个代码片段分页不起作用。在这里，我给出了我已完成的代码。

 function getusedcarFilterOptions(){
    var opts = [];
    $checkboxes.each(function(){
      if(this.checked){
        opts.push(this.name);
      }
    });

    return opts;
 }

  function updateusedcar(opts){
    $.ajax({
      type: "POST",
      url: "filter.php",
      dataType : 'json',
      cache: false,
      data: {filterOpts: opts},
      success: function(data){

          $('#usedcar1').html(makeTable(data));
          displayRecords();
      }
    });
  }

  var $checkboxes = $("input:checkbox");
  $checkboxes.on("change", function(){
    var opts = getusedcarFilterOptions();
    updateusedcar(opts);
  });

  updateusedcar();




      // fetching records
                        function displayRecords(numRecords, pageNum) {
                            $.ajax({
                                type: "GET",
                                url: "getrecords.php",
                                data: "show=" + numRecords + "&pagenum=" + pageNum,
                                cache: false,
                                beforeSend: function() {
                                    $('.loader').html('<img src="loader.gif" alt="" width="24" height="24" style="padding-left: 400px; margin-top:10px;" >');
                                },
                                success: function(html) {
                                    $("#usedcar1").html(makeTable(data));
                                    $('.loader').html('');
                                }
                            });
                        }

    // used when user change row limit
                        function changeDisplayRowCount(numRecords) {
                            displayRecords(numRecords, 1);
                        }

                        $(document).ready(function() {
                            displayRecords(10, 1);
                        });
    </script>

提前谢谢。

Answer 1

您应该在服务器端组合代码，否则筛选的记录不会分页，反之亦然。否则你需要在客户端进行分页，但我想它会消除分页的主要原因。

在jquery中使用ajax调用进行过滤和分页

1 个答案: