HTTP长连接实现
HTTP长连接这种把数据从服务器主动“推”到客户端的技术,能带来的好处不言而喻。它可以把最新的统计数据输出到客户端,也可以实现即时通讯。
- Area.jsp
<head>
<script type="text/javascript">
var series1 ;
var series2 ;
function jsFun(m)
{
var jsdata = eval("("+m+")");
series1.setData(eval(jsdata.todayData));
series2.setData(eval(jsdata.hisData));
}
function init()
{
var action = "<%=path%>/servlet/AreaSvlt";
$('#myForm').attr("action",action);
$('#myForm').submit();
}
</script>
<script type="text/javascript">
$(function () {
// Set up the chart
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column',
events : {
load : function()
{
series1 = this.series[0];
series2 = this.series[1];
init();
}
},
margin: 75,
options3d: {
enabled: true,
alpha: 15,
beta: 15,
depth: 50,
viewDistance: 25
}
},
title: {
text: '地区实时金额'
},
subtitle: {
text: '按天统计'
},
plotOptions: {
column : {
dataLabels : {
enabled : true
}
}
},
xAxis : {
categories : ['北京','上海','广州','深圳','成都']
},
yAxis : {
min : 0 ,
labels : {
overflow : 'justify'
}
},
series: [
{
name:'当前',
color:'#41A8BE',
legendIndex:2,
index : 2,
data: []
},
{
name:'上月同期',
color:'#808080',
legendIndex:3,
index : 4,
data: []
} ]
});
});
</script>
</head>
<body>
<form method="post" id="myForm" action="" target="myiframe"></form>
<iframe id="myiframe" name="myiframe" style="display: none;"></iframe>
<div id="container" style="min-width: 400px; height: 400px"></div>
<div id="sliders"
style="min-width: 310px; max-width: 800px; margin: 0 auto;">
</div>
</body>
</html>
2、servlet: AreaSvlt .java
import java.io.<