echarts通过ajax发送请求获取json数据,页面显示json字符串而不是图表

契於初心 Java  2015-12-17 08:57:56
我是按照网上教程做的,http://www.bubuko.com/infodetail-277446.html

这是我servlet的dopost方法
public ArrayList<barBean> select_all() {
ResultSet rs = null;
Statement stmt = null;
Connection conn = null;
try {
Class.forName("com.mysql.jdbc.Driver");
conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root", "1234");
stmt = conn.createStatement();
String sql = "select * from bar";
rs = stmt.executeQuery(sql);
ArrayList<barBean> arr = new ArrayList<barBean>();
while (rs.next()) {
barBean bar = new barBean();
bar.setName(rs.getString("name"));
bar.setNum(rs.getInt("num"));
System.out.println(bar.getName());
System.out.println(bar.getNum());
arr.add(bar);
}
stmt.close();
rs.close();
return arr;
} catch (Exception e) {
System.err.println("Error");
return new ArrayList<barBean>();
} finally {
try {
conn.close();
} catch (Exception e2) {
System.out.println("Error1");
}
}
这是dao里的方法

xAxis : [
{
type : 'category',
data : (function(){
var arr=[];
$.ajax({
type : "post",
async : false, //同步执行
url : "bar.do",
data : {},
dataType : "json", //返回数据形式为json
success : function(result) {
if (result) {
for(var i=0;i<result.length;i++){
console.log(result[i].name);
arr.push(result[i].name);
}
}
}
})
return arr;
})()
}
]
这是JSP文件里通过ajax向服务器发送post请求获取数据的代码,下面series里的data也是一样

现在问题是运行后出来的结果是数据库数据的json格式
[{"name":"衬衫","num":13},{"name":"雪纺衫","num":18},{"name":"裤子","num":24},{"name":"羊毛衫","num":30},{"name":"袜子","num":46},{"name":"高跟鞋","num":50}]
而不是预期中的图表
望大神指点迷津
...全文
302 点赞 收藏 1
写回复
1 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
契於初心 2015-12-20
问题已解决,一个很粗心的错误,ajax请求的url写错了,在我的文件目录里应该是../bar.do
回复
相关推荐
发帖
Web 开发
创建于2007-09-28

8.0w+

社区成员

Java Web 开发
申请成为版主
帖子事件
创建了帖子
2015-12-17 08:57
社区公告
暂无公告