AJAX + div 动态显示后台老板数据

2012-09-18

AJAX + div 动态显示后台数据先描述下背景：1，我的后台是一个用C语言写的cgi，主要作用就是向前台的网页吐数

AJAX + div 动态显示后台数据
先描述下背景：
1，我的后台是一个用C语言写的cgi，主要作用就是向前台的网页吐数据。
2，前台网页用的AJAX（从后台获得的数据通过一个div显示），并且设置xmlhttp.readyState==3，这样我可以做到，在cgi退出之前，只要后台向前台吐数据，前台的div就可以实时显示后台发来的数据，而不用等cgi退出后div才显示。

我的问题是：

现在虽然后台每吐一条数据，div就可显示一条，但是，随着后台数据不断吐过来，div的也在不断变大，直到cgi退出。
我想实现：cgi一直不退出，它一直向前台吐数据，但是div是个固定大小不能增大，当数据太多装不下的时候，把旧数据刷掉，载入新的数据。

请各位高手帮忙，我不是写前台的，所以最好给一段代码，谢谢！

[解决办法]
<div id ='divs'><table></table></div>

JScript code

 我用Jquery  实现你的需求function mydata(){  $post("数据的页面",{},function(data){     data=$.trim(data);     eval("var str="+data);//这里我限定是数据多余50条就删除；if($("#divs")find("tr").length>50){          $("#divs")find("table").html("");                       }      $("#divs")find("table").append("<tr><td>"+str+"</td></tr>");}); setTimeout("mydata()",1000);这里是设置没过1秒去取数据}mydata();
[解决办法]
显示数据的div结构：<div id="ajaxData"><ul></ul></div>
你必须加载jquery才能运行以下代码
JScript code<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

热点排行

JavaScript

AJAX + div 动态显示后台老板数据