ASP.net 配合AJAX，一般处理程序使用HighChart

为什么使用HighCharts？

首先得说明这个问题，其实微软还是挺强大的。VS自带了一个图表的控件，但是微软的控件只是简单的生成了一张图表阻止了用户与系统的交互。

为了使数据展现的更具有交互性，所以使用了HighCharts API。

HighChart是一个制作图表的纯Javascript类库，主要特性如下：

兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等；

对个人用户完全免费；

纯JS，无BS；

支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；

跨语言：不管是PHP、Asp.net还是Java都可以使用，它只需要三个文件：一个是Highcharts的核心文件highcharts.js、Jquery类库；



提示功能：鼠标移动到图表的某一点上有提示信息；

放大功能：选中图表部分放大，近距离观察图表；

易用性：无需要特殊的开发技能，只需要设置一下选项就可以制作适合自己的图表；

时间轴：可以精确到毫秒；

为什么使用一般处理程序：

一般的B/S结构，对于asp.net来讲需要通过在当前页面的后台来进行逻辑处理、数据获取以及数据处理。但是对于单个功能来讲，就显得极为复杂，所以选择了一般处理程序。一般程序就是一段简短的服务器运行代码，通过ajax发送http请求调用一般处理程序。通过一般处理我们可以进行小数据量的增删改查。

为什么使用ajax：

一般的服务器控件的使用不像html控件那样可控性非常强，尤其是做页面样式的前端程序猿对于服务器控件非常头疼。而且，最关键的是服务器控件会带动整个页面的刷新（因为服务器控件默认的是页面提交）一但页面刷新随之而来的问题更是多如牛毛。随着编程的深入以及更多页面的复杂功能，使我更倾向于选择使用html控件。但是，使用了html控件之后怎么和服务器交互了？你可以选择使用提交页面的方式，然后使用所以的逻辑层来处理以及返回数据页面。但是，加入有现在这样一种情境。一棵树，我想点击树节点的时候才会从数据库查询添加这个节点的子节点？如果刷新页面，那么这个页面的其他的控件的状态值都将不复存在。这时你更想在不刷新页面的同时，你还可以和数据库进行数据交互。这就是ajax存在的必要性，他可以实现这种用户和数据库的异步交互。

这样就很明确了一般处理程序，ajax之间的关系，以及怎么样将数据传递给highchart。

我们通过ajax，将前端数据传给一般处理程序。由一般处理程序和数据库进行交互，获取数据并将数据传递给前端。前端将数据处理完毕并传递给highchart，由highchart负责数据展示。