Servlet 调用加载过慢

Question

下边是源码 我觉得自己写的很繁琐 请大家看看怎么优化！
<br> $(function(){<br> //option2();<br> Action1();<br> Action3();<br> Action4();<br> Action21();<br> Action23();<br> Action24();<br> Action31();<br> Action33();<br> Action34();</p> <p>});</p> <pre><code>/////////////////**************option4 电流折线图************//////////// function Action1() { $.ajax({ url : &quot;FindEServlet?machine=1&quot;, success : function(result) { //alert(result); var jsonObj = JSON.parse(result); var time=[]; var I=[]; for (var i = 0; i &lt; jsonObj.length; i++) { time.push(jsonObj[i].time); I.push(jsonObj[i].I) } var charts1 = echarts.init(document.getElementById(&#39;bar1&#39;),&#39;macarons&#39;); option1 = { title : { text : &#39;Machine1电流统计图&#39;, }, tooltip : { trigger : &#39;axis&#39; }, legend : { data : [ &#39;电流I&#39; ] }, toolbox : { show : true, feature : { mark : { show : true }, dataView : { show : true, readOnly : false }, magicType : { show : true, type : [ &#39;bar&#39;,&#39;line&#39;] }, restore : { show : true }, saveAsImage : { show : true } } }, calculable : true, dataZoom : { show : true, realtime : true, start : 0, end : 100 }, xAxis : [ { type : &#39;category&#39;, data : time } ], yAxis : [ { type : &#39;value&#39; } ], series : [ { name : &#39;电流&#39;, type : &#39;line&#39;, data : I, markPoint : { data : [ { type : &#39;max&#39;, name : &#39;最大值&#39; }, { type : &#39;min&#39;, name : &#39;最小值&#39; } ] }, markLine : { data : [ { type : &#39;average&#39;, name : &#39;平均值&#39; } ] } } ] }; charts1.setOption(option1); window.addEventListener(&quot;resize&quot;,function(){ charts1.resize(); }); }, error : function() { alert(&quot;连接服务器失败&quot;); } }); } //////////////////**********电压***********/////////////////////// function Action4() { $.ajax({ url : &quot;FindEServlet?machine=1&quot;, success : function(result) { //alert(result); var jsonObj = JSON.parse(result); var time=[]; var U=[]; for (var i = 0; i &lt; jsonObj.length; i++) { time.push(jsonObj[i].time); U.push(jsonObj[i].U) } var charts4 = echarts.init(document.getElementById(&#39;bar4&#39;),&#39;westeros&#39;); option4 = { title : { text : &#39;Machine1电压统计图&#39;, }, tooltip : { trigger : &#39;axis&#39; }, legend : { data : [ &#39;电压U&#39; ] }, toolbox : { show : true, feature : { mark : { show : true }, dataView : { show : true, readOnly : false }, magicType : { show : true, type : [ &#39;bar&#39;,&#39;line&#39;] }, restore : { show : true }, saveAsImage : { show : true } } }, calculable : true, dataZoom : { show : true, realtime : true, start : 0, end : 100 }, xAxis : [ { type : &#39;category&#39;, data : time } ], yAxis : [ { type : &#39;value&#39; } ], series : [ { name : &#39;电压&#39;, type : &#39;line&#39;, data : U, markPoint : { data : [ { type : &#39;max&#39;, name : &#39;最大值&#39; }, { type : &#39;min&#39;, name : &#39;最小值&#39; } ] }, markLine : { data : [ { type : &#39;average&#39;, name : &#39;平均值&#39; } ] } } ] }; charts4.setOption(option4); window.addEventListener(&quot;resize&quot;,function(){ charts4.resize(); }); }, error : function() { alert(&quot;连接服务器失败&quot;); } }); } //////////////******************option3 电量柱状图****************////////////// function Action3() { //alert(&quot;222&quot;); $.ajax({ url : &quot;FindEServlet?machine=1&quot;, success : function(result) { //alert(result); var jsonObj = JSON.parse(result); var time=[]; var E=[]; for (var i = 0; i &lt; jsonObj.length; i++) { time.push(jsonObj[i].time); E.push(jsonObj[i].E) } var charts3 = echarts.init(document.getElementById(&#39;bar3&#39;),&#39;vintage&#39;); option3 = { title : { text : &#39;Machine1电量统计图&#39;, }, tooltip : { trigger : &#39;axis&#39; }, legend : { data : [ &#39;电量E&#39; ] }, toolbox : { show : true, feature : { mark : { show : true }, dataView : { show : true, readOnly : false }, magicType : { show : true, type : [ &#39;line&#39;, &#39;bar&#39; ] }, restore : { show : true }, saveAsImage : { show : true } } }, calculable : true, dataZoom : { show : true, realtime : true, start : 0, end : 100 }, xAxis : [ { type : &#39;category&#39;, data : time //data :[&#39;1月&#39;,&#39;2月&#39;,&#39;3月&#39;,&#39;4月&#39;,&#39;5月&#39;,&#39;6月&#39;,&#39;7月&#39;,&#39;8月&#39;,&#39;9月&#39;,&#39;10月&#39;,&#39;11月&#39;,&#39;12月&#39;] } ], yAxis : [ { type : &#39;value&#39; } ], series : [ { name : &#39;电量&#39;, type : &#39;bar&#39;, data : E, markPoint : { data : [ { type : &#39;max&#39;, name : &#39;最大值&#39; }, { type : &#39;min&#39;, name : &#39;最小值&#39; } ] }, markLine : { data : [ { type : &#39;average&#39;, name : &#39;平均值&#39; } ] } } ] }; charts3.setOption(option3); window.addEventListener(&quot;resize&quot;,function(){ charts3.resize(); }); }, error : function() { alert(&quot;连接服务器失败&quot;); } }); } </code></pre>

Answer 1

看上去是服务器慢，不是你js脚本的问题，是不是服务器数据量大，网络不畅还是什么原因。