javascript - 每次ajax成功函数循环在codeigniter中完成时尝试将数据添加到新的div

Question

嘿伙计们，我正在尝试将数据从循环发送到 div 元素，以便我可以一一显示它。但是当我尝试发送数据时，它只是将所有值显示在一起，我该怎么办？

这是我的代码

<script type="text/javascript">
    $(document).ready(function(){
        $(window).scroll(function(){
            var lastID = $('.load-more').attr('lastID');
            if ($(window).scrollTop() == $(document).height() - $(window).height() && lastID != 0){
                jQuery.ajax({
                    type:'POST',
                    url:'<?php echo base_url("user/get_all_post"); ?>',
                    data: "id=" + lastID,
                    dataType: 'json', 
                    beforeSend:function(html){
                        $('.load-more').show();
                    },
                    success:function(data){
                        var ParsedObject = JSON.stringify(data);            
                        var json = $.parseJSON(ParsedObject);
                        $PostId=json[4]['id'];
                        for(i=0;i<5;i++ )
                        {
                            var post_status = json[i]['status'];
                            var status_image = json[i]['status_image'];
                            var multimage = json[i]['multimage'];
                            alert(post_status);
                            $("#post_status").show();
                            $("#status_data").append(post_status);
                            $("#post_status").hide();
                        }
                        $('.load-more').attr('lastID', $PostId);
                    }  
                });
            }
        });
    });
</script>

但它只是将数据附加在一起让我向您展示

每次值在循环中经过时，我可以做什么来添加 div。

这是我想在每个 div 中添加的 html

<div class="post_status" id="post_status" style=" margin: 20px 50px 0px 40px; "> <a href="#" ><?php echo img($user_image); ?></a><a href=""><?php echo $uname; ?></a> <div class="status_post" id="status_data"></div> </div> 

Answer 1

您需要将整个生成的 html 附加到相关容器中:

$('<div class="post_status" id="post_status" style=" margin: 20px 50px 0px 40px; ">' +
    '<a href="#"><img src="'+status_image+'"></a><a href="">'+user_name+'</a>' + 
    '<div class="status_post" id="status_data">'+ post_status + '</div></div>')
 .appendTo("#the-comments-container");

不过，您需要 user_name 变量。