php - jQueryAjaxがデータをキャッチしない

Question

Add-more-posts.php：

ob_start();
//SOME HTML CONTENTS!
$contents = ob_get_clean();

if(!empty($contents)){
    echo $contents;
}else{
    echo 'end';
}

Index.phpのjQuery：

$(document).ready(function(){
    $('#get-more').click(function(){
        $('#get-more').hide();      
        $('#loading-img').slideDown();
        var post_id = $('div.more').attr('id');
        if(!$("#empty-div").hasClass('ended')){
        $.post("add_more_posts.php", {'post_id': post_id} , function(data){
            if(data == 'end'){
                $("#empty-div").addClass('ended');
                $('.more').remove();
                $('#get-more').hide();
                $('#loading-img').fadeOut();
                $('div#AddPosts').append('Finished Loading!');
            }else{
                if(!$("#empty-div").hasClass('ended')){
                    $('.more').remove();
                    $('#loading-img').remove();
                    $('div#AddPosts').append(data);
                    $('#get-more').show();
                }
            }
        });
    }
    });
});

問題はそれが終わらないということです。データをキャッチしていません=='end'ではなく、index.phpのdivに'end'を追加しています。

何が問題ですか？

Answer 1

$.post("add_more_posts.php", {post_id: post_id} , function(data){