---恢复内容开始---

后端:

 public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string IMEI = context.Request.QueryString["ID"];
string currentDateTime = DateTime.Now.ToShortDateString();
string cmd = "select TOP 20 温度,电池电压,电池电量,采集时间 from View_GPRS where 采集时间>'" + currentDateTime + "' and 设备号 ='" + IMEI + "' order by 采集时间 desc";
// 访问数据库
using (SqlDataReader reader = SqlHelper.ExcuteDataReader(cmd))
{
if (reader.HasRows)
{
while (reader.Read())
{ if (reader[].ToString() == ""||reader[].ToString()==""|| reader[].ToString()==""|| reader[].ToString()=="")
{
continue;
} //在第一个位置插入元素,相当于倒序排列,将元素从旧到新排序
energyInfo.Temp.Insert(,Convert.ToDouble(reader[]));//温度
energyInfo.BatteryVoltage.Insert(,Convert.ToDouble(reader[]));//电压
energyInfo.BatterySOC.Insert(,Convert.ToDouble(reader[]));//电量
DateTime colleTime = Convert.ToDateTime(reader[].ToString()) ;
string sss = colleTime.ToString("T");
energyInfo.CollectionTime.Insert(, colleTime.ToString("T"));//采集时间 }
}
}
object JSONObj = JsonConvert.SerializeObject(energyInfo); //数据库内容转成json
context.Response.Write(JSONObj); }

前端:

if (selectedLayer === getLayerByTitle('企业')) {
       console.info('点击餐车图层上的点,跳转页面到折线图');
      var IMEI = dic_values['IMEI'];
      //跳转,将feature的属性数据传递到新页面
     //window.location.href = 'Details.aspx?name=' + name;
      window.open('Details.aspx?name=' + IMEI);
}


//获取url中的参数
function getQueryParams() {
var search = window.location.search;
var params = {};
if (search != "") {
search.slice(1).split("&").forEach(
function (val) {
var arr = val.split("=");
params[arr[0]] = arr[1];
}
);
}
return params;
}
//获取url中的参数
var params = getQueryParams();
var query = decodeURI(params['name']); $.ajax({
type: "GET",
url: ' Handler2.ashx?ID=' + query,
contentType: "application/json",
data: {},
success: function (res) {
jsondata = JSON.parse(res);
console.log('取到设备的温度,电压,电量数据');
console.log(jsondata) option1.series[0].data = jsondata.Temp;//餐车温度
option1.xAxis[0].data = jsondata.CollectionTime;
option2.series[0].data = jsondata.BatteryVoltage;//电池电压
option2.xAxis[0].data = jsondata.CollectionTime;
option3.series[0].data = jsondata.BatterySOC;//电池电量
option3.xAxis[0].data = jsondata.CollectionTime;//采集时间
myChart1.setOption(option1);
myChart2.setOption(option2);
myChart3.setOption(option3);
}, });

  

---恢复内容结束---

C# JS 前后端互传数据的更多相关文章

  1. 关于使用spring mvc前后端上传数据日期格式

    前端页面传入数据到后台,String,int等等类型都很友好,但是Date类型不能直接上传到服务器.否则会报异常![在这里插入图片描述](https://img-blog.csdnimg.cn/201 ...

  2. axios&spring前后端分离传参规范总结

    前后端分离开发的场景下,开发人员的工作内容更加专注与专业,但是也产生了一些额外的沟通成本.比如:本文中为大家说明的前后端参数传递与接受方法.本文主要是面对前端使用axios,后端使用Spring进行参 ...

  3. 前后端分离-模拟数据之RAP2快速入门

    是啥? RAP是一个可视化接口管理工具 通过分析接口结构,动态生成模拟数据,校验真实接口正确性, 围绕接口定义,通过一系列自动化工具提升我们的协作效率.我们的口号:提高效率,回家吃晚饭! 可视化编辑, ...

  4. python django框架+vue.js前后端分离

    本文用于学习django+vue.js实现web前后端分离协作开发.以一个添加和删除数据库书籍应用为实例. django框架官方地址:https://www.djangoproject.com/ vu ...

  5. Vue.js前后端同构方案之准备篇——代码优化

    收录待用,修改转载已取得腾讯云授权 导语 目前Vue.js的火爆不亚于当初的React,本人对写代码有洁癖,代码也是艺术.此篇是准备篇,工欲善其事,必先利其器.我们先在代码层面进行优化,对我们完成整个 ...

  6. 使用AngularJS实现的前后端分离的数据交互过程

    一. AngularJS简介 AngularJS是什么 AngularJS是一个开源Web应用程序框架.最初是由MISKO Hevery和Adam Abrons于2009年开发,现在是由谷歌维护. A ...

  7. KETTLE:mongdb与mysql互传数据

    注:部分内容引用了 http://blog.sina.com.cn/s/blog_4ac9f56e0101g881.html 1.mongodb传数据到mysql 1)在kettle中,mongodb ...

  8. js前后端交互

    1.前后端交互模式 2.promise用法 (1)异步调用 (2)ajax回顾 (3).promise 优点:可以解决回调地狱(多层异步调用嵌套问题)(解决代码可读性低的问题) 提供简洁的api (4 ...

  9. springmvc和easyui使用ajax前台后台互传数据,假删除提示警告问题。

    前台 //删除 多/单条数据 function del(cid){ var id=''; if(cid=='-1'){ if(getSelections().length > 0){ id=ge ...

随机推荐

  1. 【SD系列】SAP SD模块-创建供应商主数据BAPI

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[SD系列]SAP SD模块-创建供应商主数据B ...

  2. Kakuro Extension【最大流】

    HDU-3338 这道题真的处理起来好复杂啊,题意就是个简单的方格填数问题,但是每个白点至少放1,那么最后的可能解是怎样的呢?我们是不是要把x轴上的和y轴上的统一起来,然后就是每个点都被对应的x和y匹 ...

  3. 统计Git

    公司需求统计Mos代码行数 方法一:用git #!/bin/bash read -p "输入你要统计mos的分支:" branch Mos_Project=(uusafe-prod ...

  4. java序列化的相关介绍

    1.什么是序列化?为什么要用序列化? 序列化就是将对象状态转换为可保持或传输的格式的过程.与序列化相对的就是反序列化,他将流转换成对象.这两个过程结合起来,可以轻松地存储和传输数据. 注意:对象序列化 ...

  5. Python入门习题9.数码管时间

    #七段数码管.py import turtle,datetime def drawGap(): #绘制数码管间隔 turtle.penup() turtle.fd(5) def drawLine(dr ...

  6. 中标麒麟V6.0安装 mysql-5.7.26-linux-glibc2.12-x86_64.tar.gz

    在中标麒麟6.0上安装mysql, 1.先从官网(https://dev.mysql.com/downloads/mysql/5.7.html#downloads)下载 . 我的选择如上图. 2.下载 ...

  7. luoguP1965 转圈游戏(NOIP2013)(快速幂)

    luogu P1965 转圈游戏 题目 #include<iostream> #include<cstdlib> #include<cstdio> #include ...

  8. scite配置文件及常用设置

    在linux系统中,SciTE的用户设置文件为 ~/.SciTEUser.properties,优先级高于全局配置文件. scite是个不错的IDE工具,只是本人发现,在开发团队中和其他成员的编辑工具 ...

  9. windos忘记密码登陆如何修复

    一.简单的方法: 开机启动windows,进入欢迎界面后,会出现输入用户名密码提示框,这时候,同时按住Ctrl+Alt+Delete,会跳出一个账号窗口,输入用户名:administer,按回车即可. ...

  10. 形象生动的SpringBoot和SpringMVC的区别

    spring boot只是一个配置工具,整合工具,辅助工具. springmvc是框架,项目中实际运行的代码 Spring 框架就像一个家族,有众多衍生产品例如 boot.security.jpa等等 ...