springMVC jqPlot ajax数据交互

数据库：mongoDB

框架：springMVC, Spring Data

Web前端：JQuery, JQuery EasyUI, jqPlot

jqPlot代码：

Java代码

1. $(function(){
2. vartab=$('#index_tabsdiv[name=realtime_sgt].easyui-tabs').tabs(
3. 'getSelected');
4. varid=tab.panel('options').title;
6. $('<divstyle="height:300px;width:500px"id='+id+'></div>').appendTo(
7. tab);
9. varwellNum=id.substring(0,id.length-3);
11. varajaxDataRenderer=function(url,plot,options){
12. varret=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. returnret;
26. };
28. varjsonurl='getSGTPlotData.html';
30. varplot=$.jqplot(id,jsonurl,{
31. title:id,
32. dataRenderer:ajaxDataRenderer,
33. dataRendererOptions:{
34. unusedOptionalUrl:jsonurl
35. },
36. seriesDefaults:{
37. showLine:true,
38. rendererOptions:{
39. <spanstyle="white-space:pre;"></span>smooth:true
40. <spanstyle="white-space:pre;"></span><spanstyle="white-space:pre;"></span>}
41. },
42. sortData:false,
43. axes:{
44. xaxis:{
45. <spanstyle="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. publicclassWellDataController{
3. @Autowired
4. privateWellDataServicewellDataService;
6. privatestaticfinalLoggerlog=Logger.getLogger(WellDataService.class);
8. /**
9. *获得实时示功图曲线数据
10. *@paramwellNum
11. *@return
12. */
13. @RequestMapping("/getSGTPlotData.html")
14. @ResponseBody
15. publicMap<String,Object>getSGTPlotData(@RequestParam(value="wellNum",required=true)StringwellNum){
16. WellDatawellData=wellDataService.getLatestWellDataByWellNum(wellNum);
18. JSONArrayjsonArrayResult=newJSONArray();//最终的数组
19. JSONArrayjsonArray=newJSONArray();
21. LvBo.lvBo(wellData.getWeiyi(),wellData.getZaihe());
23. JSONArrayweiyi=JSONArray.fromObject(wellData.getWeiyi());
24. JSONArrayzaihe=JSONArray.fromObject(wellData.getZaihe());
25. log.debug(weiyi.size());
26. for(inti=0;i<weiyi.size();i++){
27. JSONArrayjson=newJSONArray();
28. json.add(weiyi.get(i));
29. json.add(zaihe.get(i));
31. jsonArray.add(json);
32. }
33. jsonArrayResult.add(jsonArray);
35. Map<String,Object>map=newHashMap<String,Object>();
36. map.put("data",jsonArrayResult);
38. returnmap;
39. }
40. }

springMVC JSON转换器：

Java代码

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