Question

   <script language="JavaScript" type="text/javascript" src="jquery.min.js"></script>
       <script language="JavaScript" type="text/javascript" src="getrep.js"></script>
    <div id="item-1">
     <p>this is first comment</p>
     <div class="reply" id="reply-1">
        //--- reply goes here
        //-- this div updates by its id
  </div>


  <div id="item-45">
       <p>this is second comment</p>
      <div class="reply" id="reply-45">
        //--- reply goes here
        //-- this div updates by its id
  </div>

  <div id="item-55">
       <p>this is third comment</p>
      <div class="reply" id="reply-55">
        //--- reply goes here
        //-- this div updates by its id
  </div>

process.php这里

   <?php 
     // php file to get reply every second
     $repId = $_GET['id'];  // i want this value given by ajax
     $getRep = @mysql_query("SELECT * FROM reply WHERE repliedon='$repId' ORDER BY id DESC");
     while ($rowRep = mysql_fetch_assoc($getRep))
     {
        echo '<p>'.$rowRep['content'].'</p>';
        }
    ?>

每个div都有不同的id值，所以我想要process.php文件更新每个div每秒都有回复，无需重新加载整页只重新加载DIV.CLASS repl。每个div id是数据库的id值并包含reply.thanks并抱歉我的英语不好。

Answer 1

您正在寻找的是一种名为Ajax的Javascript技术/形式。但具体如何使用它，以及我们如何更具体地回答您的问题，取决于您使用的是哪个（如果有的话）Javascript库。到目前为止，你有任何Javascript代码吗？如果你不这样做，你可能想要关闭这个问题并查找有关Ajax的其他内容以及如何开始使用它。

Google搜索“Ajax”或“Ajax教程”会找到很多结果。我建议，如果你还没有使用它，你会考虑使用jQuery库，因为它标准化了Ajax，这种技术原始形式有点混乱。可以找到一个专注于在jQuery中使用Ajax的教程here。

Answer 2

这是我在之前的项目中使用过的在done()

中调用$(document).ready()函数

$(document).ready( function() {
 done(); 
});

在下面的done()中，我们调用setTimeout()，然后调用updates()（您可以在updates()中每隔一秒输入要更新的代码）

function done() {
  setTimeout( function() { 
  updates(); 
  done();//call done() again
  }, 200);//refresh it accordingly

}

function updates() {
//Your code you want to update

}

http://www.w3schools.com/jsref/met_win_settimeout.asp
检查setTimeout（）

的链接

如何使用ajax每秒刷新一次div

2 个答案: