springMVC jqPlot ajax数据交互

数据库：mongoDB

框架：springMVC, Spring Data

Web前端：JQuery, JQuery EasyUI, jqPlot

 

jqPlot代码：

Java代码  

1. $(function() {  
2.     var tab = $('#index_tabs div[name=realtime_sgt].easyui-tabs').tabs(  
3.                 'getSelected');  
4.     var id = tab.panel('options').title;  
5.   
6.     $('<div style="height:300px;width:500px" id='+id+'></div>').appendTo(  
7.                 tab);  
8.   
9.     var wellNum = id.substring(0, id.length - 3);  
10.   
11.     var ajaxDataRenderer = function(url, plot, options) {  
12.         var ret = null;  
13.         $.ajax({  
14.             async : false,  
15.             url : url,  
16.             type : 'post',  
17.             cache : true,  
18.             dataType : 'json',  
19.             data : 'wellNum=' + wellNum,  
20.             success : function(data) {  
21.                 ret = data.data;  
22.                 //ret = [[[1,1],[3,4],[2,1],[5,6],[2,0],[2,6]]];  
23.             }  
24.         });  
25.         return ret;  
26.     };  
27.   
28.     var jsonurl = 'getSGTPlotData.html';  
29.   
30.     var plot = $.jqplot(id, jsonurl, {  
31.         title : id,  
32.         dataRenderer : ajaxDataRenderer,  
33.         dataRendererOptions : {  
34.             unusedOptionalUrl : jsonurl  
35.         },  
36.         seriesDefaults: {  
37.             showLine: true,  
38.             rendererOptions: {  
39.                    <span style="white-space: pre;">     </span> smooth: true  
40.                <span style="white-space: pre;"> </span> <span style="white-space: pre;">    </span>}  
41.         },  
42.         sortData:false,  
43.         axes : {  
44.             xaxis : {  
45.         <span style="white-space: pre;">    </span> label : "位移（米）",  
46.                 labelRenderer : $.jqplot.CanvasAxisLabelRenderer  
47.             },  
48.             yaxis : {  
49.                 label : "载荷（千牛）",  
50.                 labelRenderer : $.jqplot.CanvasAxisLabelRenderer  
51.             }  
52.         },  
53.         highlighter : {  
54.             show : true  
55.         },  
56.         cursor : {  
57.             show : true,  
58.             zoom : true  
59.         }  
60.     });  
61. });  

 

后台代码：

 

Java代码  

1. @Controller  
2. public class WellDataController {  
3.     @Autowired  
4.     private WellDataService wellDataService;  
5.       
6.     private static final Logger log = Logger.getLogger(WellDataService.class);  
7.       
8.     /** 
9.      * 获得实时示功图曲线数据 
10.      * @param wellNum 
11.      * @return 
12.      */  
13.     @RequestMapping("/getSGTPlotData.html")  
14.     @ResponseBody  
15.     public Map<String, Object> getSGTPlotData(@RequestParam(value="wellNum", required=true)String wellNum) {  
16.         WellData wellData = wellDataService.getLatestWellDataByWellNum(wellNum);  
17.           
18.         JSONArray jsonArrayResult = new JSONArray();    //最终的数组  
19.         JSONArray jsonArray = new JSONArray();  
20.           
21.         LvBo.lvBo(wellData.getWeiyi(), wellData.getZaihe());  
22.           
23.         JSONArray weiyi = JSONArray.fromObject(wellData.getWeiyi());  
24.         JSONArray zaihe = JSONArray.fromObject(wellData.getZaihe());  
25.         log.debug(weiyi.size());  
26.         for(int i=0;i<weiyi.size();i++) {  
27.             JSONArray json = new JSONArray();  
28.             json.add(weiyi.get(i));  
29.             json.add(zaihe.get(i));  
30.               
31.             jsonArray.add(json);  
32.         }  
33.         jsonArrayResult.add(jsonArray);  
34.           
35.         Map<String, Object> map = new HashMap<String, Object>();  
36.         map.put("data", jsonArrayResult);  
37.   
38.         return map;  
39.     }  
40. }  

 

springMVC JSON转换器：

 

Java代码  

1. <bean class ="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter" >    
2.     <property name="messageConverters">    
3.         <list>    
4.             <ref bean="mappingJacksonHttpMessageConverter" /><!-- json转换器 -->    
5.         </list>    
6.     </property>    
7. </bean>       
8. <bean id="mappingJacksonHttpMessageConverter" class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter" />  
9.