第一种：前台接收 dataType: "json",
                success: function (data) {
                    var varReceiver = data;

　　　　　　　　。。。。。。。。。

}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="echart2.aspx.cs" Inherits="RTC.echart2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title> </title>

    <!-- 引入 ECharts 文件 -->

    <script src="scripts/echarts.common.min.js"></script>

    <script src="scripts/jquery-1.10.2.min.js"></script>

    <script src="scripts/json2.js"></script>

</head>

<body>

<form id="form1" runat="server">

<!-- 为 ECharts 准备一个具备大小（宽高）的Dom -->

<div id="main" style="width:1000px;height:400px;">

</div>

<script type="text/javascript">

        var varAxis;

        var varSeries;

        //var varRtcNO = $("#txtHid").val();

        var varRtcNO = "35000002818";

        var jdata;

        var myChart = echarts.init(document.getElementById('main'));

        // 显示标题，图例和空的坐标轴

        myChart.setOption({

            title: {

                text: '温度曲线图'

            },

            tooltip: {

                trigger: 'axis',

                axisPointer: {

                    animation: false

                },

                formatter: function (params) {

                    return params[0].name + '<br />温度:' + params[0].value + '°C';

                }

            },

            legend: {

                data: ['温度']

            },

            xAxis: {

                data: []

            },

            yAxis: {

                axisLabel: {

                    formatter: '{value} °C'

                },

                min: 18,

                max:30

            },

            series: [{

                name: '温度',

                type: 'line',

                smooth: true,

                data: []

            }]

        });

        // 异步加载数据

        $.ajax({

            type: "post",

            url: "getrtchistorydata.ashx?rtcno=" + varRtcNO,

            dataType: "json",

            success: function (data) {

                var varReceiver = data;

                //var varReceiver = jQuery.parseJSON(data);

                var varAxis=new Array() ;

                var varSeries = new Array(varReceiver.Count[0].total);

                for (var i = 0; i < varReceiver.Count[0].total; i++) {

                    varAxis.push(varReceiver.Rows[i].RecordTime);

                    varSeries[i] =  varReceiver.Rows[i].RoomTemp;

                }

                // 填入数据

                myChart.setOption({

                    xAxis: {

                        data: varAxis

                    },

                    series: [{

                        //根据名字对应到相应的系列

                        name: '温度',

                        data: varSeries

                    }]

                });

            },

            error: function (XMLHttpRequest, textStatus, errorThrown) {

                alert(errorThrown);

            }

        });

    </script>

</form>

</body>

</html>

第二种：前台接收

dataType: "text",
                success: function (data) {
                    //var varReceiver = data;
                    var varReceiver = jQuery.parseJSON(data);

。。。。。

}

两者统一的后台 一般处理程序ashx：

using System;

using System.Collections.Generic;

using System.Data;

using System.Data.SqlClient;

using System.Linq;

using System.Web;

namespace RTC

{

    /// <summary>

    /// getrtchistorydata 的摘要说明

    /// </summary>

    public class getrtchistorydata : IHttpHandler

    {

        public void ProcessRequest(HttpContext context)

        {

            context.Response.ContentType = "text/plain";

            string strRTCNo = context.Request.QueryString["rtcno"].ToString();

            SqlConnection con = new SqlConnection("server=192.168.0.222;uid=sa;pwd=hiwits;database=CeShi_QingDao;Max Pool Size=2048;");

            SqlCommand cmd = new SqlCommand("select RtcNO,RoomTemp,InstallPlace,convert(varchar,RecordTime,120) as RecordTime,systime  from RTCHistory where RtcNO='" + strRTCNo + "' order by InstallPlace,RecordTime", con);

            SqlDataAdapter da = new SqlDataAdapter(cmd);

            DataSet ds = new DataSet();

            da.Fill(ds);

            string stbList = "";

            stbList = "{\"Rows\":[";

            foreach (DataRow dr in ds.Tables[].Rows)

            {

                stbList = stbList + "{ \"RecordTime\":\"" + dr[].ToString() + "\",";

                stbList = stbList + " \"RoomTemp\":\"" + dr[].ToString() + "\"},";

            }

            stbList = stbList.Substring(, stbList.Length - );//去掉最后的一个逗号

            stbList = stbList + "],";

            stbList = stbList + "\"Count\":[{\"total\":" + ds.Tables[].Rows .Count+ "}]";//用来记录一共返回了几条数据记录

            stbList = stbList + "}";

            context.Response.Write(stbList.ToString());

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

        public void RetrunHistoryData()

        {

        }

    }

}

aspx后台传递Json到前台的两种接收方法的更多相关文章

  1. get请求传递json格式数据的两种方法

    get请求参数为json格式数据,使用pyhton+request的两种实现方式如下: 方法一:使用requests.request() 示例代码如下: 1.导入requests和json impor ...

  2. jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)

    在asp.net webForm开发中,用Jquery ajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下. [WebMethod] public static string SayHe ...

  3. spring boot 解决后台返回 json 到前台中文乱码之后出现返回json数据报错 500：no convertter for return value of type

    问题描述 spring Boot 中文返回给浏览器乱码 解析成问号?? fastJson jackJson spring boot 新增配置解决后台返回 json 到前台中文乱码之后,出现返回json ...

  4. Python第十四天 序列化 pickle模块 cPickle模块 JSON模块 API的两种格式

    Python第十四天 序列化  pickle模块  cPickle模块  JSON模块  API的两种格式 目录 Pycharm使用技巧(转载) Python第一天  安装  shell  文件 Py ...

  5. 选中没有选中的复选框，匹配含有某个字符串的正则，json取值的两种方法，把变量定义在外面跟里面的区别

    一.筛选没有选中的复选框:not("input:checked") 二.匹配有VARCHAR的字符串:".*VARCHAR.*?" 三.json取值的两种方法 ...

  6. 两种Ajax方法

    两种Ajax方法 Ajax是一种用于快速创建动态网页的技术,他通过在后台与服务器进行少量的数据交换,可以实现网页的异步更新,不需要像传统网页那样重新加载页面也可以做到对网页的某部分作出更新,现在这项技 ...

  7. 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结

    史上最全的CSS hack方式一览 2013年09月28日 15:57:08 阅读数:175473 做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况.基于此,某些情况我 ...

  8. Service的两种启动方法

    刚才看到一个ppt,介绍service的两种启动方法以及两者之间的区别. startService 和 bindService startService被形容为我行我素,而bindService被形容 ...

  9. visualvm远程监控jvm两种配置方法

    参考:http://blog.itpub.net/17203031/viewspace-765810 一.Jstatd RMI远程监控方法 VisualVM在监控本地JVM的时候是很方便的.只要应用程 ...

随机推荐

  1. 收集最好的Mac软件和使用方法

    MacBook 初体验 作者是刚从Windows下转到mac时写的,这篇文章对也主要介绍了Mac下开发环境的部署.软件的安装和卸载.常用快捷键.文件系统的介绍. http://liujiacai.ne ...

  2. MySQL 对比数据库表结构

    200 ? "200px" : this.width)!important;} --> 介绍 本章主要介绍怎样对比数据库的表结构的差异,这里主要介绍使用mysqldiff工具 ...

  3. 完全使用一组 DSL 来操作 Grid 控件

    最近尝试了一下将 XtraGrid 的初始化工作封装成内部 DSL,例如一个普通的基础数据的增删改查操作的代码会像下面这样: public partial class UserForm : XtraF ...

  4. [异常解决] ubuntu上安装JLink驱动遇到的坑及给后来者的建议

    一.前言 最近将整个电脑格式化,改成了linux操作系统 希望这样能让自己在一个新的世界探索技术.提升自己吧- win上的工具用多了,就不想变化了- 继上一篇<ubuntu上安装虚拟机遇到的问题 ...

  5. Python 学习文章收藏

    作者 标题 rollenholt Python修饰器的函数式编程 - Rollen Holt - 博客园 rollenholt python操作gmail - Rollen Holt - 博客园 ro ...

  6. 修改TNSLSNR的端口

    oracle 服务一启动 TNSLSNR.exe 会占用8080端口,这时,如果我们其他程序需要使用8080端口就会比较麻烦,所以需要改一下端口: 用dba账户登录 CMD>sqlplus sy ...

  7. 《Entity Framework 6 Recipes》中文翻译系列 (27) ------ 第五章 加载实体和导航属性之关联实体过滤、排序、执行聚合操作

    翻译的初衷以及为什么选择<Entity Framework 6 Recipes>来学习,请看本系列开篇 5-9  关联实体过滤和排序 问题 你有一实体的实例,你想加载应用了过滤和排序的相关 ...

  8. DDN - Digital Data Network

    DDN(Digital Data Network,数字数据网)是一种利用光纤.数字微波或卫星等数字传输通道和数字交叉复用设备组成的数字数据传输网.它可以为用户提供各种速率的高质量数字专用电 数字数据网 ...

  9. Android开发学习之路-二维码学习

    这个月装逼有点少了,为什么呢,因为去考软件射鸡师了,快到儿童节了,赶紧写篇博纪念一下逝去的青春,唔,请忽略这句话. 二维码其实有很多种,但是我们常见的微信使用的是一种叫做QRCode的二维码,像下面这 ...

  10. Hibernate