我相信他们可能是更好的方式。。。是否可以使用"加载更多"按钮将项目从table1(column)
复制到25的数据行块中的table2(column)
?
我该怎么做?我在哪里可以找到这方面的信息?非常感谢。
我希望这将对您有所帮助。您可以在php中实现它以加载更多操作。
每次点击更多按钮后在mysql查询中更改偏移量和限制
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;
Commplete代码。
1.只需在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.在page2.php 中复制以下代码
并更改前两行中的mysql_server、mysql_user、mysql_password、database_name参数
<?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.在浏览器中运行page1.php。。。并将数据加载到表2
现在显示表2中的数据,而不按要求刷新页面(user2714387在评论中表示)
4.在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.在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.在浏览器中运行page4.php