AJAX + div 动态显示后台老板数据
日期：2014-05-16 浏览次数：20533 次
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>
先描述下背景：
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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
