試圖添加數據到一個新的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函數循環

回答

相關問題