使用AJAX向ECharts送入MySQL中的数据1：doPost方式

（适合像我这样的新手使用）

最近学完了ECharts官方推出的视频教程，了解了常用表格的个性化定制方法，但却并没有真正将其应用到我们的项目（Java Web项目）中。官方的所有业务都是与数据可视化相关的，具体到每一种项目，对于新手来说，只能通过论坛、博客或第三方技术教程网站来学习。为了让大家尽快地将ECharts应用到项目中，我也通过边学边做的方式，与大家共同来探讨！

为了使我们更专注于后台与前台交互的实现，我使用的例子是官方的Get Started中的实例，可谓简单易懂。

1.创建数据表

首先创建数据库test，为了防止出现中文乱码，选择编码格式为utf8。

其次创建数据表bar，sql如下：

CREATE TABLE `bar` (                                       
          `name` varchar(20) DEFAULT NULL COMMENT '服装名称',  
          `num` int(11) DEFAULT NULL COMMENT '对应数量'        
        ) ENGINE=InnoDB DEFAULT CHARSET=utf8

2.建立Java Web Project

我使用的IDE是最新的eclipse MARS，首先新建项目Dynamic Web Project，命名为echarts_demo，其他的默认即可。

附：最终的项目结构

其次设置JRE、导包。如果直接Import我的项目，可能需要重新设置JRE的路径。使用Servlet的方式获取后台数据并使用AJAX更新JSP需要导入下面的包，否则会抛出ClassNotFoundException。

commons-beanutils-1.9.3.jar