<?php
namespace app\index\controller;
use \think\View;
use think\Db;
class Index
{
public function index()
{
$view=new view;
return $view->fetch();
}
public function aa()
{
$result = array();
$result =Db::table('test')->select();
return json_encode($result);
}
}下面是后台数据库显示
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JQuery Ajax Test</title>
<script src="__ROOT__/PUBLIC/echarts.min.js"></script>
<script src="__ROOT__/PUBLIC/easyui/jquery.min.js"></script>
</head>
<body>
<h1>PHP Ajax ECahrts 测试</h1>
<hr>
<div id="container" style="width: 600px; height: 400px;"></div>
<script>
// 初始化两个数组，盛装从数据库中获取到的数据
var names = [], ages = [];
//调用ajax来实现异步的加载数据
function getusers() {
$.ajax({
type: "post",
async: false,
url: "http://localhost/thinkphp/index.php/index/index/aa",
data: {},
dataType: "html",
success: function(result){
if(result){
for(var i = 0 ; i < result.length; i++){
names.push(result[i].name);
ages.push(result[i].age);
}
}
},
error: function(errmsg) {
alert("Ajax获取服务器数据出错了！"+ errmsg);
}
});
return names, ages;
}
// 执行异步请求
getusers();
// 初始化 图表对象
var mychart = echarts.init(document.getElementById("container"));
// 进行相关项的设置，也就是所谓的搭搭骨架，方便待会的ajax异步的数据填充
var option = {
title : {
text : '姓名年龄分布图'
},
tooltip : {
show : true
},
legend : {
data : [ 'age' ]
},
xAxis : [ {
data : names
} ],
yAxis : [ {
type : 'value'
} ],
series : [ {
"name" : "age",
"type" : "bar",
"data" : ages
} ]
};
// 将配置项赋给chart对象，来显示相关的数据
mychart.setOption(option);
</script>
<marquee>确认可以到达这里啊</marquee>
</body>
</html>为什么最终显示不了数据呢？
~@C0ANG4)NM{~6Y]XMMBH71.png
( 11.96 KB 下载：68 次 )
最佳答案
