0

我正在尝试在我的模板中使用 AJAX 创建新闻块。所以我在 HTML 部分写了一个简单的代码：

<a href="javascript:ShowPost();">Show Posts</a>
<div id="result"></div>

jQuery部分：

function ShowPost(){
  $.post(dir + 'engine/ajax/posts.php', {action:"showpost"},
    function(data) {
      $("#result").html(data);
});
};

PHP部分：

if ($_POST['action'] == "showpost") {    
 $db->query( "SELECT title FROM post LIMIT 0,5 " );
  while ( $row = $db->get_row() ) {
   echo $row['title']."<br>";
  }    
}

问题是，如何在第一次点击后获得更多结果？例如，在第一次点击Show Posts链接后，我可以显示来自数据库的 5 条新闻。第二次点击 Show Posts 链接后，我需要显示 6 到 10 条新闻，第三次点击从 11 到 15 获取结果并继续...

我希望你能理解我的问题。

4

3 回答 3

1

只需在您的查询中实现分页限制

var offset = -5;
function ShowPost(){
offset = offset + 5;
  $.post(dir + 'engine/ajax/posts.php', {action:"showpost",offset:offset},
    function(data) {
      $("#result").html(data);
});
};

PHP part

if ($_POST['action'] == "showpost") {

$vOffset = $_POST['offset'];    
 $db->query( "SELECT title FROM post LIMIT $vOffset,5 " );
  while ( $row = $db->get_row() ) {
   echo $row['title']."<br>";
  }    
}
于 2013-07-03T08:17:20.903 回答
1

根据您的实施，您需要跟踪显示的项目数量并传递页码。例如：

jQuery部分：

var pageNumber = 0; 
function ShowPost() {   
   pageNumber++;   
   $.post(dir+ 'engine/ajax/posts.php', {action:"showpost", pageNum: pageNumber},
      function(data) {
       $("#result").html(data); 
   }); 
};

免责声明：我不是 PHP 开发人员，因此请将以下代码视为伪代码。

PHP部分：

if ($_POST['action'] == "showpost") {    
var pageSize = 5;  
var pageNumber = $_POST['pageNumber'];    
var from = (pageNumber - 1) * pageSize;   
var to = pageNumber * pageSize;  
$db->query( "SELECT title FROM post LIMIT " + from + "," + pageSize);   
while ( $row = $db->get_row()) {    echo $row['title']."<br>";   }     
}
于 2013-07-03T08:13:44.513 回答
0

在 html 中获取一个隐藏字段并在每次成功调用后更新它的值，并且当您下次调用下一条记录时在帖子中发送该值。

<input type="hidden" name="limit" value="5">
<a href="javascript:ShowPost();">Show Posts</a>
<div id="result"></div>
于 2013-07-03T08:14:17.080 回答