Как создать AJAX разбиение на страницы без базы данных?

Возможно ли получить страницы для разбивки на страницы AJAX без помощи MySQL? Не могу ли я просто добавить файл PHP с текстом и разметкой, которые мне нужно отобразить, и нажав номера страниц, вы можете передать этот контент пользователю? Так может ли это быть достигнуто с помощью чистого jQuery и PHP? Какой кодовый подход вы бы сделали, чтобы все было просто, я имею в виду, что у меня есть 3 стены текста, которые мне нужно добавить на мой сайт, но добавление их сразу на странице будет путать пользователей. Поэтому я решил найти способ и сохранить только один из них за раз, исходя из решения пользователя. Пример кода был бы замечательным!Как создать AJAX разбиение на страницы без базы данных?

EDIT: Должен ли код PHP выглядеть примерно так?

<?php 
    htmlspecialchars($_GET["page_number"]); 
    if ($page_number == 1) 
    { 
     $text = var_export($text1, true); 
    } 

    if ($page_numer == 2) 
    { 
     $text = var_export($text2, true); 
    } 

    if ($page_number == 3) 
    { 
     $text = var_export($text3, true); 
    } 

    $text1 = 'some looong text...'; 
    $text2 = 'another wall of text'; 
    $text3 = 'and yet another one'; 
?>

источник

2015-07-07 PowerUser

вы можете оформить эту ссылку: http://stackoverflow.com/ вопросы/21347844/pagination-with-php-and-ajax-from-file –

Да, вы можете. Вы должны следовать правилам разбивки на страницы. Вам необходимо будет указать номер страницы и лимит записей в URL-адресе.

www.example.com/index.php?page=1&limit=10

Теперь вы создаете текстовый или PHP-файл и экспортировать все данные туда с помощью var_export вернуть массив или какой-то другой, как вам нравится.

Теперь вам нужно получить номер страницы, и трюк идет здесь.

Массив, который вы получили из текстового файла, должен быть разделен на предел.

$rows = array_chunk($array,$_GET['limit']);

Ваш результат для страницы = $ n находится здесь. $result = $row[$_GET['page']]

вот мой файл index.php.

<?php 
$array = include_once('data.php'); 
$page = $_GET['page'] ? $_GET['page'] : 0; 
$limit = $_GET['limit']; 
$rows = array_chunk($array,$limit); 
$result = $rows[$page]; 
?> 
<table> 
    <tr> 
     <th>Id</th> 
     <th>Name</th> 
     <th>Desc</th> 
     <th>Status</th> 
    </tr> 
    <?php 
     foreach ($result as $res) { 
    ?> 
     <tr> 
      <td><?php echo $res['id'] ?></td> 
      <td><?php echo $res['name'] ?></td> 
      <td><?php echo $res['desc'] ?></td> 
      <td><?php echo $res['status'] ?></td> 
     </tr> 
    <?php 
     } 
    ?> 
    <tr> 
     <td colspan="2"> 
      <?php 
       if($page>0) 
       { 
      ?> 
      <a href="index.php?limit=<?php echo $limit; ?>&page=<?php echo ($page-1); ?>">Previous</a> 
      <?php 
       } 
      ?> 
     </td> 
     <td colspan="2"> 
     <?php 
      if (isset($rows[$page+1])) 
      { 
     ?> 
      <a href="index.php?limit=<?php echo $limit; ?>&page=<?php echo ($page+1); ?>">Next</a> 
     <?php 
      } 
     ?> 
     </td> 
    </tr> 
</table>

И вот файл data.php. Я использовал массив для возврата значения.

<?php 
return 
$array = [ 
    [ 
     'id' => 1, 
     'name' => 'A', 
     'desc' => 'Test', 
     'status' => 'Active' 
    ], 
    [ 
     'id' => 2, 
     'name' => 'B', 
     'desc' => 'Test', 
     'status' => 'Active' 
    ], 
    [ 
     'id' => 3, 
     'name' => 'C', 
     'desc' => 'Test', 
     'status' => 'Active' 
    ], 
    [ 
     'id' => 4, 
     'name' => 'D', 
     'desc' => 'Test', 
     'status' => 'Active' 
    ], 
    [ 
     'id' => 5, 
     'name' => 'E', 
     'desc' => 'Test', 
     'status' => 'Active' 
    ], 
    [ 
     'id' => 6, 
     'name' => 'F', 
     'desc' => 'Test', 
     'status' => 'Active' 
    ], 
];

источник

2015-07-07 10:02:44

Я отредактировал свой вопрос. Это должно быть что-то вроде этого? – PowerUser

Дайте мне немного минут. Я даю вам прекрасный пример. –

Да, это работает, спасибо! Поэтому теперь я должен был бы заменить индексы thoose массива текстом, который мне нужно вывести. – PowerUser

Может быть так?

HTML + JS:

<body> 
<div id="text"> 

</div> 
<ul id="pager"> 
    <li><a href="#0" class="active">1</a></li> 
    <li><a href="#1">2</a></li> 
    <li><a href="#2">3</a></li> 
</ul> 
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.js"></script> 
    <script type="text/javascript"> 
     jQuery(document).ready(function() { 
      var pager = jQuery('#pager'),/* get pager list*/ 
        currentInd = pager.find('.active').attr('href').replace('#', ''), /* get active element*/ 
        text = jQuery('#text'); /* Text wrapper */ 
/* Get first text by Ajax*/ 
      jQuery.ajax({ 
       method: 'POST', 
       url: '/index.php', 
       data: { 
        page: currentInd 
       } 
      }).done(function (data) { 
       text.text(data); 
      }); 
     }); 

/** On pager link click */ 
     jQuery(document).on('click', '#pager a', function (e) { 
      e.preventDefault(); 
      var ind = jQuery(this).attr('href').replace('#', ''),/* take number */ 
        text=jQuery('#text'); /* text wrapper */ 
/* if this link is not active then send ajax request */ 
      if (!jQuery(this).hasClass('active')) { 
       jQuery.ajax({ 
        method: 'POST', 
        url: '/index.php', 
        data: { 
         page: ind 
        } 
       }).done(function (data) { 
        jQuery('#pager').find('.active').removeClass('active'); 
        jQuery(this).addClass('active'); 
        text.text(data); 
       }); 
      } 
     }); 
    </script> 
    </body>

PHP:

<?php 
$texts = array(
    'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt aperiam quis eaque ullam reprehenderit eveniet incidunt error nisi a earum voluptatem consequuntur magnam atque. Quis ipsa quo tempora libero consequuntur cumque perferendis quos atque ipsam nisi maiores ad sit iusto sequi voluptates eos neque aut asperiores ut nihil est at enim. Doloribus similique quae blanditiis provident soluta temporibus dolores libero obcaecati rerum distinctio recusandae molestiae perspiciatis dolorum quam magnam ex atque quidem exercitationem totam non sapiente magni amet delectus sequi quos at enim laborum fuga excepturi! Blanditiis illo modi harum voluptates provident hic libero explicabo culpa repellat distinctio molestias tempora obcaecati fuga. Omnis illum aliquam id nihil neque veniam laborum accusamus quidem odit porro nostrum distinctio ipsa atque quisquam natus sit excepturi at eius pariatur voluptates aspernatur nemo ipsam iure iusto ea minus tempora quod voluptate a doloremque mollitia dolorem suscipit blanditiis. Expedita itaque quibusdam magnam quod perspiciatis suscipit? ?', 
    'Impedit laborum quis accusamus recusandae perferendis a optio neque tempora dolorem cum. Unde nihil nesciunt minima dicta ut sequi est hic voluptatem error totam rerum sit impedit magnam dolores earum quasi architecto dolorum accusamus ad nemo blanditiis fugiat eveniet eligendi quas ipsum aperiam vitae ducimus inventore quidem officia corporis consequatur minus excepturi. Facere a nihil tempore tempora adipisci aperiam itaque delectus sint libero quisquam rerum tenetur eaque repellat pariatur nobis commodi labore et dignissimos impedit similique saepe illo quae cum quasi repellendus iusto recusandae vel eos rem doloremque atque aliquid dolores ab vitae architecto esse quos? Veniam odio aliquam atque iusto vel laudantium tenetur inventore eius ad earum ex minima nulla nesciunt nam aspernatur nihil facilis doloribus neque rerum reiciendis at minus non veritatis cumque molestiae qui natus excepturi! Unde aliquid corrupti optio minus itaque deleniti architecto similique molestiae mollitia nobis. Saepe ullam commodi nisi doloremque tenetur officiis officia asperiores quaerat minima amet consequuntur est totam eligendi. Laudantium voluptate impedit reiciendis fugit?', 
    'Aut inventore consequuntur fugit adipisci optio amet corporis voluptate tenetur quo et. Sunt repellendus sit voluptate quas sequi cupiditate veniam dignissimos nisi rerum deleniti molestias error veritatis soluta? Similique voluptatibus aperiam vitae ipsa omnis modi unde rerum odio saepe possimus voluptas illum odit vel cupiditate nam totam labore id ratione mollitia accusantium quidem repellat beatae placeat animi dolorum aut minima quos dolor iure sapiente praesentium asperiores cum pariatur sit earum eos sint deserunt commodi nobis tenetur aliquam reiciendis assumenda harum a voluptatum consequuntur. ' 
); 
if (isset($_POST['page']) && isset($texts[$_POST['page']])) { 
    echo $texts[$_POST['page']]; 
} else { 
    echo $texts[0]; 
} 
?>

Примечание: это очень простой пример

источник

2015-07-07 10:12:09 AlmasK89

Как создать AJAX разбиение на страницы без базы данных?

ответ

Смежные вопросы