Блог

Главная - Вопросы по программированию - Массив разбиения на страницы PHP Ajax не работает

Массив разбиения на страницы PHP Ajax не работает

#php #mysql #ajax #arrays #pagination

#php #mysql #ajax #массивы #разбиение на страницы

Вопрос:

Я использую следующий код для разбивки на страницы с помощью ajax и php.

fetch_pages.php

 <?php

include("config.inc.php"); //include config file

//sanitize post value
$page_number = filter_var($_POST["page"], FILTER_SANITIZE_NUMBER_INT, FILTER_FLAG_STRIP_HIGH);

//validate page number is really numaric
if(!is_numeric($page_number)){die('Invalid page number!');}

//get current starting point of records
$position = ($page_number * $item_per_page);

//Limit our results within a specified range. 
//$results = mysqli_query($connecDB,"SELECT id,name,message FROM paginate ORDER BY id ASC LIMIT $position, $item_per_page");
$results=array(array('id'=>1,'name'=>'joe','age'=>'22','job'=>'dev'),array('id'=>2,'name'=>'g','age'=>'21','job'=>'se'),array('id'=>3,'name'=>'gt','age'=>'21','job'=>'se'));
$output = array_slice($results, 0,1); 
//output results from database
echo '<ul class="page_result">';
//while($row = mysqli_fetch_array($results))
foreach ($output as $row) 

{
    echo '<li id="item_'.$row["name"].'">'.$row["age"].'. <span class="page_name">'.$row["job"].'</span><span class="page_message">'.$row["name"].'</span></li>';
}
echo '</ul>';

?>

index.php

   <?php
include("config.inc.php");

//$results = mysqli_query($connecDB,"SELECT COUNT(*) FROM paginate");
$results=array(array('id'=>1,'name'=>'joe','age'=>'22','job'=>'dev'),array('id'=>2,'name'=>'g','age'=>'21','job'=>'se'),array('id'=>3,'name'=>'gt','age'=>'21','job'=>'se'));
//$get_total_rows = mysqli_fetch_array($results); //total records

//break total records into pages
//$pages = ceil($get_total_rows[0]/$item_per_page); 
$pages = ceil(3/$item_per_page);    

//create pagination
if($pages > 1)
{
    $pagination = '';
    $pagination .= '<ul class="paginate">';
    for($i = 1; $i<$pages; $i  )
    {
        $pagination .= '<li><a href="#" class="paginate_click" id="'.$i.'-page">'.$i.'</a></li>';
    }
    $pagination .= '</ul>';
}

?><!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax Pagination</title>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#results").load("fetch_pages.php", {'page':0}, function() {$("#1-page").addClass('active');});  //initial page number to load

    $(".paginate_click").click(function (e) {

        $("#results").prepend('<div class="loading-indication"><img src="ajax-loader.gif" /> Loading...</div>');

        var clicked_id = $(this).attr("id").split("-"); //ID of clicked element, split() to get page number.
        var page_num = parseInt(clicked_id[0]); //clicked_id[0] holds the page number we need 

        $('.paginate_click').removeClass('active'); //remove any active class

        //post page number and load returned data into result element
        //notice (page_num-1), subtract 1 to get actual starting point
        $("#results").load("fetch_pages.php", {'page':(page_num-1)}, function(){

        });

        $(this).addClass('active'); //add active class to currently clicked element (style purpose)

        return false; //prevent going to herf link
    }); 
});
</script>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="results"></div>
<?php echo $pagination; ?>
</body>
</html>

Я хочу, чтобы источником данных для этого был массив, определенный в коде, а не база данных mysql, поэтому вы увидите $results=array(array('name'=>'gowrie','age'=>'22','job'=>'dev'),array('name'=>'g','age'=>'21','job'=>'se')); вместо запроса mysql.

В fetchespages.php должен быть запрос $results = mysqli_query($connecDB,"SELECT id,name,message FROM paginate ORDER BY id ASC LIMIT $position, $item_per_page"); , который ограничивал бы результат для страницы, однако я заменил его на $results=array(array('name'=>'joe','age'=>'22','job'=>'dev'),array('name'=>'g','age'=>'21','job'=>'se'));

На странице отображается правильное количество ссылок для разбивки на страницы, но когда я нажимаю на них, они не работают, они просто продолжают загружаться. Я не уверен, что это проблема с моим ajax в index.php или то, как я пытаюсь ограничить результаты в массиве в fetch_pages.php , т. $output = array_slice($results, 0,1); Е. Когда я нажимаю на ссылки для разбивки на страницы, он загружает то же самое на страницу.

Как мне это исправить?

Ответ №1:

Хорошо, если вы используете

$output = array_slice($results, 0,1);

массив всегда ограничен первой парой ключ => значение, независимо от того, на какую ссылку страницы вы нажимаете. Точно так же, как в sql-запросе, где вы используете ограничение и положение / элементы на странице, вам придется сделать то же самое с вашей функцией slice . таким образом, это становится чем-то вроде

 $output = array_slice($results, $position, $items_per_page);

Надеюсь, это поможет

Комментарии:

1. это результат простого копирования блока кода и неправильного использования отступа

2. @Jonast92 Теперь, когда ответ, по крайней мере, имеет какой -то смысл, я удалил понижающий голос. Что касается «продвижения вперед», я не уверен, что там имеется в виду. Возможно, критика за мой downvote? Первоначальный ответ не имел абсолютно никакого смысла и был непонятен. Вы действительно можете винить меня?

3. @MatthewJohnson Вовсе нет, просто хотел указать на его исправление, поскольку это, казалось, было вашей единственной причиной для голосования, мне больше нечего сказать о его ответе, поскольку меня не интересует вопрос 🙂

4. «Теперь, когда ответ, по крайней мере, имеет какой-то смысл» — этот комментарий недостоин. Блок кода, о котором я упоминаю, определенно тормозит код в примере, поэтому я думаю, что мой ответ частично помогает решить проблему.