ajax向mysql传数据类型_使用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

commons-collections-3.2.2.jar

commons-lang-2.4.jar

commons-logging-1.2.jar

ezmorph-1.0.6.jar

json-lib-2.4-jdk15.jar

最后导入本次项目使用到的JS文件，echarts-all.js和jquery.js。

3.创建Bean对象

在src目录下新建包com.lgw.bean，并创建对象Bar，代码如下：

package com.lgw.bean;

public class Bar {

private String name; //服装名称

private int num; //对应件数

public String getName() {

return name;