试图添加数据到一个新的div每次在codeigniter完成ajax succes函数循环

嘿，我试图将数据从循环发送到div元素，以便我可以逐个显示它。但是当我尝试发送数据时，它只是显示了所有的值，我可以做什么？试图添加数据到一个新的div每次在codeigniter完成ajax succes函数循环

这里是我的代码

<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添加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>

来源

2017-02-20 Himanshu Goyal

给我们，需要添加的HTML。 –

您需要添加整个生成的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可变的。

来源

2017-02-20 07:50:17

我尝试了你的方法，但它给了我错误“SyntaxError：expected expression，got''[Learn More]”@TahaPasku –

我的代码也在这里$（“＃status_data”）。append（'

'+''+ +''+''+ +''+'

'+post_status+'

' '

'）; –

您只需要在ajax结果方法中添加引号就可以了：'<？php echo $ uname; ？>这就是为什么它会给出错误。它应该像'... '+“<？php echo $ uname;？>”+''...' –

$("#status_data").append('<div>'+post_status+'</div>');

来源

2017-02-20 07:34:21

这是正确的，但我需要添加一个具有图像和用户名的div每次我追加数据。 –

–

这是我的div，它包含图像和用户名。 @Vikram Singh –

如果我理解正确，您也可以使用此方法复制现有的div - How can i duplicate a div onclick with javascript?

追加新的信息复制DIV，然后将新的div到页面中。

事情是这样的：

var yourDiv = document.getElementById('yourDiv'); 
var duplicatedDiv = Duplicate(yourDiv); 
duplicatedDiv.innerHTML = post_status; 
$("#divContainer").append(duplicatedDiv);

来源

2017-02-20 07:52:21 Shtut

显示重复未定义的错误 –

@Himanshu Goyal是的，您需要定义重复自己。你可以在我发送的链接中看到它的例子。 – Shtut

试图添加数据到一个新的div每次在codeigniter完成ajax succes函数循环

回答

相关问题