第一种：前台接收 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. Windows+GCC下内存对齐的常见问题

    结构/类对齐的声明方式 gcc和windows对于modifier/attribute的支持其实是差不多的.比如在gcc的例子中,内存对齐要写成: class X { //... } __attrib ...

  2. JS获取剪贴板图片之后的格式选择与压缩问题

    前言 某年某月的某一天,突然发现博客服务器上上传的图片都比较大,一些很小的截图都有几百kb,本来服务器带宽就慢,不优化一下说不过去. 问题细述 特别说明:本文代码因为只是用于我自己后台写markdow ...

  3. [nodemon] Internal watch failed: watch ENOSPC错误解决办法

    运行环境:Ubuntu 16.04, WebStorm 2016.1.3, node.js v0.12.5, nodemon 1.9.2 在WS自带的终端输入nodemon server.js启动项目 ...

  4. 每天一个linux命令（18）：locate 命令

    locate 让使用者可以很快速的搜寻档案系统内是否有指定的档案.其方法是先建立一个包括系统内所有档案名称及路径的数据库,之后当寻找时就只需查询这个数据库,而不必实际深入档案系统之中了.在一般的 di ...

  5. fir.im Weekly - 关于 Log Guru 开源、Xcode 探索和 Android7.0 适配

    本期 fir.im Weekly 整理了最近的一些技术分享,包括关于 Log Guru 开源.Xcode 探索. Android7.0 适配等等 iOS/Android 相关的工具.源码分享和技术文章 ...

  6. 浅谈JavaScript的New关键字

    原型和闭包算是JavaScript中最常见,最难以理解,最容易被当做问题的两个部分,当然还有它们的延伸,如作用域链,继承等等吧,我最近也是各种看,各种翻,记录点自己的心得,写写总会让自己的理解更深一些 ...

  7. webpack的安装和使用

    Webpack是什么 首先可以看下 官方文档 ,文档是最好的老师. Webpack是由Tobias Koppers开发的一个开源前端模块构建工具.它的基本功能是将以模块格式书写的多个JavaScrip ...

  8. SQL Server 2014新特性探秘(1)-内存数据库

    简介    SQL Server 2014提供了众多激动人心的新功能,但其中我想最让人期待的特性之一就要算内存数据库了.去年我再西雅图参加SQL PASS Summit 2012的开幕式时,微软就宣布 ...

  9. 解密jQuery内核 DOM操作的核心函数domManip

    domManip是什么 dom即Dom元素,Manip是Manipulate的缩写,连在一起就是Dom操作的意思. .domManip()是jQuery DOM操作的核心函数 对封装的节点操作做了参数 ...

  10. jQuery源码分析系列(30) : Ajax 整体结构

    开头引用一段 想起一句话:前端研究,研究个屁~ 的确如此呀.补充下联:前端设计,设计个屁~ 前端目前最大的困境是,如 HTML 一样,无论你承不承认,市场上并不太需要 HTML 高手 其实这里引发一个 ...