大佬们啊,本人萌新小白一个,想知道前后端数据怎么交汇啊,可能是我语言匮乏,举个栗子。
比如前端的echar框架,我只需要知道前端需要的数据格式,然后在数据库设置相应的表和字段,经过service和controller就能传到前端,就在这里,许多框架我不知道怎么接受数据啊。
echar框架还好,会初始化,我是在页面上,预加载函数中,初始化的,我真的很难受, 求大佬指点 $(function(){
$.ajax({
url:'${ctx}/stat/ListFactortSale',
type:'post',
success:buildChar
})
}); function buildChar(data) {
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据
var option = {
title : {
text: '厂家销售情况',
subtext: '纯属虚构',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left', },
series : [
{
name: '访问来源',
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
data:data,
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
} </script>
</head>
<body><div id="main" style="width: 600px;height:400px;"></div>
比如前端的echar框架,我只需要知道前端需要的数据格式,然后在数据库设置相应的表和字段,经过service和controller就能传到前端,就在这里,许多框架我不知道怎么接受数据啊。
echar框架还好,会初始化,我是在页面上,预加载函数中,初始化的,我真的很难受, 求大佬指点 $(function(){
$.ajax({
url:'${ctx}/stat/ListFactortSale',
type:'post',
success:buildChar
})
}); function buildChar(data) {
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据
var option = {
title : {
text: '厂家销售情况',
subtext: '纯属虚构',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left', },
series : [
{
name: '访问来源',
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
data:data,
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
} </script>
</head>
<body><div id="main" style="width: 600px;height:400px;"></div>
url:'${ctx}/stat/ListFactortSale',
type:'post',
success:buildChar
})这里不就是在向后台请求数据吗?
buildChar(data);
}
不管是 Json POST 或 Form Post 都能省下許多心力。