echarts通过ajax获取后台json格式数据。。不懂，求帮助
<body><divid="box1"style="height:300px;"></div><scriptsrc="jquery.js"></script><scrip...
<body>
<div id="box1" style="height:300px;"></div>
<script src="jquery.js"></script>
<script src="echarts-2.2.5/build/dist/echarts.js"></script>
<script>
require.config({
paths:{
echarts:'echarts-2.2.5/build/dist'
}
});
require(
[
'echarts',
'echarts/chart/bar'
],
DrawEChart
);
function DrawEChart(ec){
var myChart = ec.init(document.getElementById('box1'));
myChart.showLoading({
text:"图表数据正在努力加载中。。。"
});
var option = {
tooltip:{
show:true
},
legend:{
//data:['销量']
data:[]
},
xAxis:[
{
type:'category',
//data:["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
data:[]
}
],
yAxis:[
{
type:'value'
}
],
/*series:[
{
"name":"销量",
"type":"bar",
"data":[5, 20, 40, 10, 10, 20]
}]*/
series:[]
};
//通过ajax获取数据
//var url="test.php";
$.ajax({
type:"post",
async:false,
url:"test.php",
dataType:"json",
success:function(result){ //根本获取不到数据，一直“请求数据失败”
if(result){
alert(re.name);
myChart.hideLoading();
myChart.setOption(option);
}
},
error:function(errorMsg){
alert("请求数据失败");
}
});
}
</script>
</body>
//////////////////////////////////////////////test.php
$list=array("name"=>"username","sex"=>"man","tel"=>1390000,"email"=>"898@");
$json=json_encode($list);
echo($json); 展开
<div id="box1" style="height:300px;"></div>
<script src="jquery.js"></script>
<script src="echarts-2.2.5/build/dist/echarts.js"></script>
<script>
require.config({
paths:{
echarts:'echarts-2.2.5/build/dist'
}
});
require(
[
'echarts',
'echarts/chart/bar'
],
DrawEChart
);
function DrawEChart(ec){
var myChart = ec.init(document.getElementById('box1'));
myChart.showLoading({
text:"图表数据正在努力加载中。。。"
});
var option = {
tooltip:{
show:true
},
legend:{
//data:['销量']
data:[]
},
xAxis:[
{
type:'category',
//data:["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
data:[]
}
],
yAxis:[
{
type:'value'
}
],
/*series:[
{
"name":"销量",
"type":"bar",
"data":[5, 20, 40, 10, 10, 20]
}]*/
series:[]
};
//通过ajax获取数据
//var url="test.php";
$.ajax({
type:"post",
async:false,
url:"test.php",
dataType:"json",
success:function(result){ //根本获取不到数据，一直“请求数据失败”
if(result){
alert(re.name);
myChart.hideLoading();
myChart.setOption(option);
}
},
error:function(errorMsg){
alert("请求数据失败");
}
});
}
</script>
</body>
//////////////////////////////////////////////test.php
$list=array("name"=>"username","sex"=>"man","tel"=>1390000,"email"=>"898@");
$json=json_encode($list);
echo($json); 展开
1个回答
展开全部
在error和success中加入debugger，用chrome或firefox调试
chrome是ctrl+shift+i ，刷新页面进入debugger后看errorMsg到底里面内容是什么，
找到错误原因才行，是否为url未连接上
chrome是ctrl+shift+i ，刷新页面进入debugger后看errorMsg到底里面内容是什么，
找到错误原因才行，是否为url未连接上
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
