php - 页面上一组 中的值在一定时间后自动刷新

Question

我有一套 <li>在我的页面中，如图所示 http://jsfiddle.net/gaby/zzj7E/5/

每个li有 3 个跨度...一个用于评论，一个用于查看，一个用于投票。

 <a class="example7" href="userpanel/comment.php?id=578" style="text-decoration:none; color:#666666; "><img src="content/comment/comments.png" width=18 height=18><i>No comments</i></a>
 <span style="text-decoration:none; color:none; margin:5px;"><img src="content/voting/eye.png" > 9</span> 
 <span class="vote"  id="578" name="up" style="text-decoration:none; color:none; margin:5px; "> <img src="/content/voting/yes-enb.png" width=12 height=12 alt=""> <span style="text-decoration:none; color:none">0 </span></span>

我想每 2 分钟自动刷新每个元素中的值(计数)。我知道如何添加/附加 div，但知道如何刷新每个 li 中的选定元素一段时间后？

此功能与 Facebook 在用户每次发布内容时自动刷新“评论”计数或“赞”计数的方式非常相似。

我应该怎么做？

Answer 1

PHP 是一种服务器端脚本语言，您不能直接编辑已显示在客户端计算机上的值。但是，您可以做的是使用 AJAX 调用 PHP 脚本，然后将输出解析为您的跨度(最好的方法是在 PHP 端对数组进行 JSON_encode，然后在 JS 端解码。

function AJAX(){

    if (window.XMLHttpRequest)
                      {// code for IE7+, Firefox, Chrome, Opera, Safari
                      xmlhttp=new XMLHttpRequest();
                      }
                    else
                      {// code for IE6, IE5
                      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                      }
                    xmlhttp.onreadystatechange=function()
                      {
                      if (xmlhttp.readyState==4 && xmlhttp.status==200)
                        {

                        var data = xmlhttp.responseText;

                        var decoded = eval( "(" + data + ")" );

                        document.getElementById('span1').innerHTML = avayaevald['1'];
                        document.getElementById('span2').innerHTML = avayaevald['2'];
                        document.getElementById('span3').innerHTML = avayaevald['3'];


                        }
                      }

                    xmlhttp.open("GET","index.php?loadAction=process",false);
                    xmlhttp.send();

}

然后 setInterval(AJAX(), 120000); 就可以了。