异步加载数据——请求数据的方式ajax和$——转化成json对象
一、 . a j a x — — 不 用 特 意 转 化 成 j s o n 对 象 ， 设 置 数 据 返 回 类 型 ， 转 过 来 以 后 可 以 自 动 转 化 成 j s o n 。 ∗ ∗ .ajax——不用特意转化成json对象，设置数据返回类型，转过来以后可以自动转化成json。 ** .ajax——不用特意转化成json对象，设置数据返回类型，转过来以后可以自动转化成json。∗∗.ajax({**
type:“post”,
url:“DemoServlet”,
dataType:“json”,
success:function(data){
e.setOption({
title: {
text: ‘异步数据加载示例’
},
tooltip: {},
legend: {
data:[‘销量’]
},
xAxis: {
data:data.type
},
yAxis: {},
series: [{
name: ‘销量’,
type: ‘bar’,
data: data.data
}]
});
}
二、 将字符串转化成一个json对象
$().ready(function(){
var echarts = echarts.init(document.getElementById(‘d’));
//
&.post(“Demo1Servlet”,function(data){
//使用eval转化成json对象
data = eval("("+data+")");
//设置属性
echarts.setOption({
title : {
text : ‘ECharts 饼状图异步加载’
},
series : [ {
name : ‘访问来源’,
type : ‘pie’,
radius : ‘55%,70%’,
data : data,
itemStyle : {
normal : {
label : {//显示标题
show : true,
formatter : ‘{b} : {c} ({d}%)’//b名字,c值 ,d百分比
}
}
}
}]
});
});