Question

像facebook一样自动加载其他评论

** php代码更新**

 <section class="panel-body">

<div class="container">

<div class="comment">
 <div class="commenter" name="comments">
 <img width="80px" height="80px" src="uploads/<?php echo $row['photo']; ?>">

 </div>
  <div class="comment-text-area">
      <textarea class="textinput"id="comment"  name="comments" placeholder="Comment Here......"></textarea>
     <button type="submit" class="butn"name="compost">post comment</button> 


  </div>
</div>
</div>

    </div>          
</fotm> 


       <div id="comments">
<?php include'cajax.php'; ?>   
  </div> 



 </section>
</section>


    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js">
</script>
<script type="text/javascript">
$(document).ready( function(){
$('#comments').load('cajax.php');
refresh();
});

    function refresh()
 {
  setTimeout( function() {
   $('#comments').load('cajax.php');
    refresh();
  }, 1000);
 }
  </script>

如何在没有页面刷新的情况下自动加载评论我知道它可以使用ajax但如何实现代码请帮助我们

Answer 1

首先创建另一个名为comments.php的php文件或任何你想要的文件，并剪切并粘贴从该文件中的DB获取评论的代码 在您要显示注释的主文件中创建一个div，id =＆＃34; comments＆＃34;或者你想要的任何东西..在div里面包括像这样的新的php文件

 <div id="comments">
<?php include'comments.php'; ?>   
</div>

现在上面的代码粘贴以下javascript代码：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js">
</script>
<script type="text/javascript">
$(document).ready( function(){
$('#div_name').load('filename.php');
refresh();
});

function refresh()
{
    setTimeout( function() {
      $('#div_name').load('filename.php');
      refresh();
    }, 1000);
}
</script>

将div_name替换为div和filename.php ..的名称，并附上您的文件名

如何在没有页面重新加载的情况下加载其他注释

1 个答案: