Блог

Я пытаюсь создать разбивку на страницы в моей таблице jQuery, используя PHP MySQL jQuery, но я не знаю, как я могу это реализовать.

Вот почему мне нужна ваша помощь, мне нужна простая разбивка на страницы (я не возражаю, если это действительно очень просто) Мне просто нужно, чтобы это работало, потому что это последний шаг в моей первой таблице jQuery.

Я собираюсь опубликовать URL своего веб-сайта с рабочей таблицей (на данный момент без разбивки на страницы у меня более 500 записей, но я показываю только 20 в начале).

URL: Нажмите здесь

Скрипт jQuery:

 <script src="http://code.jquery.com/jquery-latest.js"></script> 
<script>
  function makeTable(data) {
      var tbl_body = "";
      $.each(data, function () {
          var tbl_row = "";
          $.each(this, function (k, v) {
              tbl_row  = "<td>"   v   "</td>";
          })
          tbl_body  = "<tr>"   tbl_row   "</tr>";
      })

      return tbl_body;
  }

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

      return opts;
  }

  function updateEmployees(opts) {
      $.ajax({
          type: "POST",
          url: "submit.php",
          dataType: 'json',
          cache: false,
          data: {
              filterOpts: opts
          },
          success: function (records) {
              $('#employees tbody').html(makeTable(records));
              // here, after the content is inside DOM/visible we activate the plugin
          }
      });
  }

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

  $(document).ajaxStart(function () {
      $('#loading').fadeIn("slow");
  }).ajaxStop(function () {
      $('#loading').fadeOut("slow");
  });

  $(window).load(function () {
      updateEmployees();
  });

</script> `
  

А также вот часть SQL с PHP:

 $sql = $select . $from . $where;

$statement = $pdo->prepare($sql);
$statement->execute();

$results = $statement->fetchAll(PDO::FETCH_ASSOC);

$json = json_encode($results);

echo($json);
  

Вам нужно добавить кнопки разбивки на страницы в нижней части вашей таблицы, и при нажатии на них вы вызываете свой скрипт php sender с номером страницы, который был указан на вашей кнопке в качестве параметра. Затем из PHP-скрипта вам нужно добавить оператор LIMIT в ваш запрос MySQL в конце. Добавить

 LIMIT A,B
  

A — номер вашей страницы * количество статей по страницам.
B — номер вашей страницы * количество статей по странице количество статей по странице.

И когда вы получите данные, очистите свою таблицу перед добавлением новых строк.

 $("#employees tbody").remove();