C# Ajax前后端数据交互之echars图表展示基础篇

---

前言

嗨，程序员（媛）们好！我是pp酱~大二学生一枚，在不断学习的路上希望遇见志同道合的的你们，创作内容不易，喜欢所分享内容，还麻烦一键三连，蟹蟹uu们

在我们的项目开发中使用Ajax进行前后端数据交互，展示统计数据是不可或缺的存在，清晰明了的统计图能在我们项目答辩中起到锦上添花的作用！话不多说，咱们直接开干！（效果如下）

---

一、是什么Ajax？有什么作用？

Ajax（Asynchronous JavaScript and XML） ,是异步的javascript和XML，Ajax可以使数据交互，可以从服务器获取到数据，也可以从前台把数据发送到后台服务器。

二、使用步骤

1.创建一般处理程序

由于篇长问题，这边后台基本数据获取的代码省略，我们直接看重点（敲黑板！！！）
1》添加一般处理程序步骤如下：

2》引用一个命名空间–using Newtonsoft.Json，并在一般处理程序中获取所要的后台数据。

代码如下（示例）：

    /// <summary>
    /// Handler1 的摘要说明
    /// </summary>
    public class Handler1 : IHttpHandler
    {
   

        public void ProcessRequest(HttpContext context)
        {
   
            context.Response.ContentType = "application/json";   //把“text/plain”改成“application/json”，将数据转化为JSON格式
            List<Hobbyer> hobbyers