显示'没有更多帖子'当使用ajax php加载所有帖子时

时间:2015-10-29 06:22:28

标签: javascript php jquery html ajax

下面是javascript部分并加载更多按钮,我用它来加载来自数据库的更多帖子它工作得很好我想要显示一个'没有更多帖子'所有帖子都已加载但不知道如何完成的消息。希望你们能帮忙。

<script>
$(document).ready(function(){
    $(document).on('click','.show_more',function(){
        var ID = $(this).attr('id');
        $('.show_more').hide();
        $('.loding').show();
        $.ajax({
            type:'POST',
            url:'mload_more.php',
            data:'id='+ID,
            success:function(html){
                $('#show_more_main'+ID).remove();
                $('.posts').append(html);
           }
        });        
    });
});
</script>

<div class="show_more_main" id="show_more_main<?php echo $ID; ?>">
    <span id="<?php echo $ID; ?>" class="show_more" title="Load more posts">
        Show more
    </span>
    <span class="loding" style="display: none;">
        <span class="loding_txt">Loading...</span>
    </span>
</div>

2 个答案:

答案 0 :(得分:1)

在mload_more.php文件中,检查大于零的返回行数。它将如下代码。

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {
        //display data
    }
} else {
    echo "No more posts to load";
}

答案 1 :(得分:-1)

Gayan只是给了我一个开始,休息并不困难。

<?php   
if ($query->rowCount() > 0) {
  while($row = $result->fetch_assoc()) {
}
}
else {
echo $er = "No more posts to load";
}  
?>
<script type="text/javascript">
var er = "<?php echo $er; ?>";
if(er!=''){
$("er").show();
$('.show_more').hide();
}
</script>