web程序,架构是springmvc(controller等),前台是jquery,如何利用highcharts动态从数据库中查找数据。
答案:1 悬赏:20 手机版
解决时间 2021-11-16 00:23
- 提问者网友:战魂
- 2021-11-15 12:49
web程序,架构是springmvc(controller等),前台是jquery,如何利用highcharts动态从数据库中查找数据。
最佳答案
- 五星知识达人网友:持酒劝斜阳
- 2021-11-15 13:11
前台接到的,用@ResponseBody可以转换为java对象,不需要在parseJSON
如ret,可以直接ret.propName获取属性值
以下一个简单例子,没有实现
java:
@Controller
@RequestMapping("/beanName")
public class NameController{
@ResponseBody
@RequestMapping("/beanMethod")
// params 的类型只是举个栗子
public ReturnBean methodName(@RequestBody Map params) {
// ... load data
// ... covert data 2 ReturnBean,may return List or else
return returnBean;//(instance)
}
}jquery:
[]及其中内容替换
$.ajax({
url:[ApplicationContext+/beanName/methodName],// eg:/webapp/beanName/meghotName
type:"POST",
contentType : 'application/json',
// data为传入后端参数,为json数据,mvc自己转换成@RequestBody后指定的类型
// parse eg:
// if ($.isPlainObject(data) || typeof data != "string") {
// data = $.toJSON(data);
// }
data : [may a object,mvc auto convert],
success: function(retBean) {
// make highchart serias
// if highchart init $('#chartDomId').highcharts().series[0].setData([highchart serias])
// else highchart init with serias data
// highchart的serias可以有很多种构造,可以是
// series : [{
// type : 'column',
// name : 'seriesName',
// data : [['column1',1],['column2',2]]
// }]
// 也可以是
// series : [{
// type : 'column',
// name : 'seriesName',
// data : [{id : 1,y : 1},{id:2,y:2}]
// }]
// 根据需要自行拼接
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
// do on error
},
});
如ret,可以直接ret.propName获取属性值
以下一个简单例子,没有实现
java:
@Controller
@RequestMapping("/beanName")
public class NameController{
@ResponseBody
@RequestMapping("/beanMethod")
// params 的类型只是举个栗子
public ReturnBean methodName(@RequestBody Map
// ... load data
// ... covert data 2 ReturnBean,may return List
return returnBean;//(instance)
}
}jquery:
[]及其中内容替换
$.ajax({
url:[ApplicationContext+/beanName/methodName],// eg:/webapp/beanName/meghotName
type:"POST",
contentType : 'application/json',
// data为传入后端参数,为json数据,mvc自己转换成@RequestBody后指定的类型
// parse eg:
// if ($.isPlainObject(data) || typeof data != "string") {
// data = $.toJSON(data);
// }
data : [may a object,mvc auto convert],
success: function(retBean) {
// make highchart serias
// if highchart init $('#chartDomId').highcharts().series[0].setData([highchart serias])
// else highchart init with serias data
// highchart的serias可以有很多种构造,可以是
// series : [{
// type : 'column',
// name : 'seriesName',
// data : [['column1',1],['column2',2]]
// }]
// 也可以是
// series : [{
// type : 'column',
// name : 'seriesName',
// data : [{id : 1,y : 1},{id:2,y:2}]
// }]
// 根据需要自行拼接
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
// do on error
},
});
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯