开发者

sequentially show mysql data using php

开发者 https://www.devze.com 2023-01-18 13:25 出处:网络
I have a php code that fetches data from mysql. The data has (say) 15 rows. I want to display only 5 rows at a time to the user, with links to each of the set (3 in this case) such that when a user cl

I have a php code that fetches data from mysql. The data has (say) 15 rows. I want to display only 5 rows at a time to the user, with links to each of the set (3 in this case) such that when a user clicks on either of the links, the same page will show the corresponding results. Since, php code has the final result set, I don't want a solu开发者_运维技巧tion that involves me to navigate to other pages and possibly re-calculate the next set of solutions (5~10 or 10~15). How can I do this? Thanks in advance.

If I am using javascript or ajax, how can I achieve this? I don't know javascript much.


You can try loading everything in your page and simulating the pagination thanks to javascript.

An example in jQuery here


It sounds like you want to send the Data as a complete set to the client but not let him display everything to the user. So use Javascript to just show you the pages 1*page_number to 5*page_number (with a for-loop).


By far, the easiest solution in this situation is a Dom-based Grid system. I recommend checking out Datatables. In essence, the Datatables code will take a fully-formatted html table and reformat it to include only the amount of rows you tell it to, with paging on the bottom as you've requested. In addition, you can turn on such features as filtering, toggle-able length, sorting, and selection. Once you get the hang of it, the additional code takes no more than a minute per table and the features are outstanding.

This is really straightforward. Use PHP to output ALL of the table, with all the rows. The only gotcha here is to include the full html, including <thead> and <tbody> Give the table an id such as "example"

Now, include the files that you download from the datatables site--datatables.js and Jquery.js. Instantiate the jquery like this:

$(document).ready(function() {
    $('#example').dataTable();
} );

That's it. As you can see from the examples, it's a really cool tool. Good luck.

0

精彩评论

暂无评论...
验证码 换一张
取 消