Jeg håber, at dette vil hjælpe dig. Du kan implementere det i php for at indlæse mere handling.
hver gang efter at have klikket på knappen mere, skal du ændre offset og grænse i mysql-forespørgsel
INSERT INTO table2 SELECT * FROM table1 LIMIT 0, 25;
load more...
INSERT INTO table2 SELECT * FROM table1 LIMIT 25, 25;
load more...
INSERT INTO table2 SELECT * FROM table1 LIMIT 50, 25;
....
....
Komplet kode.
1. Bare kopier og indsæt følgende kode i page1.php
<div id='message'></div>
<a href='#' id='LoadMore' >Load More</a>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"
type="text/javascript"></script>
<script>
$(function() {
var page = 1;
$("#LoadMore").click(function(){
$.ajax({
type:"GET",
url:"page2.php",
data:{page:page},
success: function(response) {
$("#message").append(response);
page++;
}
});
});
});
</script>
2.Kopiér følgende kode i page2.php
og skift mysql_server, mysql_user, mysql_password, database_name argument i de første to linjer
<?php
//set argument as your mysql server
$connect = mysql_connect("mysql_server","mysql_user","mysql_password");
mysql_select_db("database_name",$connect);
$page = isset($_GET["page"]) ? $_GET["page"] : 1;
$limit = 25;
$offset = ($page - 1) * $limit;
$sql = "INSERT INTO table2 SELECT * FROM table1 limit $offset, $limit";
mysql_query($sql);
$rows = mysql_affected_rows();
echo "$rows rows added to table2 from table1<br>";
?>
3.Kør side1.php i browseren... og indlæs data til tabel2
Viser nu data fra tabel2 uden at opdatere siden efter behov (bruger2714387 sagt i kommentar)
4.Kopiér og indsæt følgende kode i page3.php
<table width="300" border="1" id='data_grid'></table>
<a href='javascript://' id='LoadMore' >Load More</a>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"
type="text/javascript"></script>
<script>
$(function() {
var page = 1;
$("#LoadMore").click(function(){
$.ajax({
type:"GET",
url:"page4.php",
data:{page:page},
success: function(response) {
$("#data_grid").append(response);
page++;
}
});
});
});
</script>
4.Kopiér følgende kode i page4.php
<?php
//set argument as your mysql server
$connect = mysql_connect("mysql_server","mysql_user","mysql_password");
mysql_select_db("database_name",$connect);
$page = isset($_GET["page"]) ? $_GET["page"] : 1;
$limit = 25;
$offset = ($page - 1) * $limit;
$sql = "SELECT * FROM table2 limit $offset, $limit";
$result = mysql_query($sql);
$numRows = mysql_num_rows($result);
if($numRows>0) {
while($row = mysql_fetch_array($result)) {
//get field data and set to the following row
echo "<tr><td>field 1</td><td>field 2</td><td>field 3</td></tr>";
//edit row as you table data
}
} else {
echo "<tr><td colspan='3'> No more data </td></tr>";
}
exit;
?>
6.Kør page4.php i browseren