你要实现的是个下载功能和生成excel的功能。
创新互联建站专注于网站建设，为客户提供成都做网站、网站设计、网页设计开发服务，多年建网站服务经验，各类网站都可以开发，成都品牌网站建设，公司官网，公司展示网站，网站设计，建网站费用，建网站多少钱，价格优惠，收费合理。
excel生成看看apache POI。
下载就是拿到reponse的输出流，写入excel文件流。
最好直接使用response的输出流来生成excel，POI应该有例子。
ECharts开源来自百度商业前端数据可视化团队，基于html5 Canvas，是一个纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。
ECharts (Enterprise Charts 商业产品图表库)
提供商业产品常用图表，底层基于ZRender（一个全新的轻量级canvas类库），创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、地图、力导向布局图以及和弦图，同时支持任意维度的堆积和多图表混合展现。
从技术上而言，JavaScript是可以直接访问mysql数据库的，但浏览器出于安全考虑（因为这样一来数据库的登录信息就完全暴露在所有用户的眼里了，别人就可以绕开你的程序直接访问数据库，甚至可以任意增删改你的数据），都对这个功能进行了非常严格的限制（也就是说其实还是可以访问的，但必须把浏览器的安全等级调到最低最低！），所以这种需求在实际应用中很难实现。
这样就需要一个中间程序，放在网络服务器中，html（含JavaScript）向这个中间程序发送请求，由它去mysql数据库中获取数据，再把数据发送回html。这类似于点外卖，你在网络上点餐，跑腿小哥就会把你点的食物送到你手上。对于浏览器而言，发送请求和返回数据的过程都是安全的（对数据库的所有操作都发生在网络服务器中，网页用户是看不到的），这样就没有限制了。
这个中间程序的开发语言（或者说架构）一般是PHP、ASP、ASP.NET、JSP等，也就是通常所说的“后台程序”。
jQuery则是JavaScript的一个框架（或者说插件、函数库），它是把JavaScript的一些复杂的操作封装成简单的、容易操作的函数和对象，所以jQuery本质上还是JavaScript。如果把JavaScript比作普通的面条，那么jQuery就好比是方便面，它帮你把做面的一些关键步骤先做好了，然后你只需要几个简单的操作就可以吃到嘴里了。
ajax则是JavaScript（含jQuery）向服务器的中间程序（即上面所说的）发送请求并处理返回数据的一种技术，可以实现网页未刷新的情况下实时动态更新网页上的数据。它实际上也仍然是包含在JavaScript范畴内的。
xml是网络间数据传输的一种数据格式，但现在更流行的则是json。
所以实际的网络数据访问流程是：
html+JavaScript（jquery）
↓↑
PHP（ASP、ASP.NET、JSP）
↓↑
MySql
在这其中JavaScript的作用反而是次要的，它只是起到在数据访问的前后对数据进行加工、筛选的作用，甚至可以完全抛开js，直接利用表单提交来实现数据访问和展示的目的，即：
html+Form
↓↑
PHP（ASP、ASP.NET、JSP）
↓↑
MySql
某个动作---使得jquery发起请求----请求php------php通过sql语句查询mysql数据库-----拿到数据------jquery展现数据