發佈評論時不使用Ajax刷新頁面？

Question

textarea的形式數據提交給服務器，但它無需刷新頁面

這裏沒有顯示註釋是腳本：

$("#post_reply").click(function(event) { 
    event.preventDefault(); 
    if(document.getElementById('_comment').value.trim()==""){ 
     return false; 
    } 
    $.post('../services/leave_comment.php', $("#open_status").serialize(), 
     function(data) { 
      $('#ajax_loading').hide(); 
      if(data){ 
       $.ajax({ 
        type: 'POST', 
        url : 'http://localhost/tech1/services/get_more_comments.php', 
        data: 'last_id='+last_id, 
        success: function(data){ 
         $('.view_container').append(data); 
         $('.view_container_parent').load('get_more_comments.php'); 
        }, 
        complete: function(){ 
         console.log('DONE'); 
        }      
       }); 
      } 
     }); 
}); 

這裏是html和view_container_parent的結構已經被加載而無需刷新

<div class="comments" id="comments"> 
    <div class="comm_container"> 
     <div class="insert_container"> 
      <form class="commentform"> 
      <textarea> 
      </form> 
     </div> 
    </div>   
    <div class='view_container_parent'>//whole lot of comments 
     <div class='view_container'>//single comment 
     </div> 
     <div class='view_container'>//single comment 
     </div> 
     <div class='view_container'>//single comment 
     </div> 
    </div> 
</div> 

Answer 1

試試這個：

$("#post_reply").click(function(event) { 
    event.preventDefault(); 
    if(document.getElementById('_comment').value.trim()==""){ 
      return false; 
    } 
    $.post('../services/leave_comment.php', $("#open_status").serialize(), 
     function(data) { 
      $('#ajax_loading').hide(); 
      if(data){ 
       $('#ajax_loading').show(); 
       $.ajax({ 
       type: 'POST', 
       url : 'http://localhost/tech1/services/get_more_comments.php', 
       data: 'last_id='+last_id, 
       success: function(data) { 
        $('#ajax_loading').hide(); 
        console.log('AJAX SUCCESS'); 
        $('.view_container_parent').append(data); 
        console.log('Append data'); 
        console.log(data); 
       }, 
       complete: function() { 
        console.log('DONE'); 
       }     
       }); 
      } 
     } 
    ); 
}); 

你的反應必須是（環）：

<div class="view_container"> 
... 
</div> 

你的HTML只需要：

<div class="view_container_parent"> 
    <div class="view_container"> 
     <!-- Another comment before --> 
    </div> 
    <!-- The ajax will append data from here --> 
</div> 

您可以console.log(data)