У меня есть примерная страница, в которой используются 2 PHP-файла и база данных MySql, и я пытаюсь использовать бесконечную прокрутку jQuery. Как загрузить следующую группу данных из базы данных? Например, у меня есть 100 записей в моей базе данных изображений, и я хочу показать 20, а затем следующие 20 после некоторой прокрутки.
Это мое текущее ядро:
index.php
<?php ob_start(); require_once('images.html'); ob_end_flush(); ?> images.html
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title> trata tata</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <link rel="stylesheet" href="./css/style.css" /> <!-- scripts at bottom of page --> </head> <body class="demos "> <nav id="site-nav"> <h1><a href="./index.html">ole tu jest HOME</a></h1> <h2>Menu 1</h2> <ul class="docs-list"> <li><a href="../docs/intro.html">11111111</a> </ul> <h2>Menu 2</h2> <ul class="demos-list"> <li><a href="../demos/basic-single-column.html">222222222</a> <li class="current"><a href="#content">3333333333</a></li> </ul> </nav> <!-- #site-nav --> <section id="content"> <h1>cos tam ....</h1> <div id="container" class="clearfix"> <?php // Make a MySQL Connection mysql_connect("localhost", "root", "") or die(mysql_error()); mysql_select_db("test") or die(mysql_error()); // Retrieve all the data from the "test " table $result = mysql_query("SELECT * FROM foto") or die(mysql_error()); // store the records of the "TABLENAME" table into $row array and loop through while ( $row = mysql_fetch_array( $result, MYSQL_ASSOC ) ) { // Print out the contents of the entry //echo "details: ".$row['id']; echo '<div class="box photo col3">'; echo "<img src=\"".$row['src']."\" alt=\"wwwwww\" />"; echo '</div>'; } ?> </div> <!-- #container --> <script src="./js/jquery-1.7.1.min.js"></script> <script src="./jquery.masonry.min.js"></script> <script> $(function(){ var $container = $('#container'); $container.imagesLoaded( function(){ $container.masonry({ itemSelector : '.box' }); }); }); </script> <footer id="site-footer"> szaki <a href="http://desandro.com">sdfsdfdsfsdf</a> </footer> </section> <!-- #content --> </body> </html>
Вам нужно добавить LIMIT к вашим запросам. Пример из руководства MySQL :
SELECT * FROM tbl LIMIT 5,10; # Retrieve rows 6-15
Здесь 5 – начальное смещение, а 10 – количество строк, которые вы хотите получить.
Для клиентской стороны вам понадобится бесконечный плагин jQuery прокрутки .