C# JS 前后端互传数据
---恢复内容开始---
后端:
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 前后端互传数据的更多相关文章
- 关于使用spring mvc前后端上传数据日期格式
前端页面传入数据到后台,String,int等等类型都很友好,但是Date类型不能直接上传到服务器.否则会报异常在kettle中,mongodb ...
- js前后端交互
1.前后端交互模式 2.promise用法 (1)异步调用 (2)ajax回顾 (3).promise 优点:可以解决回调地狱(多层异步调用嵌套问题)(解决代码可读性低的问题) 提供简洁的api (4 ...
- springmvc和easyui使用ajax前台后台互传数据,假删除提示警告问题。
前台 //删除 多/单条数据 function del(cid){ var id=''; if(cid=='-1'){ if(getSelections().length > 0){ id=ge ...
随机推荐
- 第一次工作->笔记:在phpstrom2019上搭建phpunit单元测试环境,php环境使用docker
前言:公司大佬让我开发一个工具,并合并到他的工具包中,使用的是github 说明:这里的php环境使用的是laradock.感兴趣的道友自行查找. 工具:php.phpstrom.phpunit.do ...
- 洛谷P2865 [USACO06NOV]路障Roadblocks——次短路
给一手链接 https://www.luogu.com.cn/problem/P2865 这道题其实就是在维护最短路的时候维护一下次短路就okay了 #include<cstdio> #i ...
- [Linux] 003 分区
1. 磁盘分区 使用分区编辑器再磁盘上划分几个逻辑部分 不用类的目录与文件可以存储进不同的分区 2. 分区类型 主分区 最多只能有 4 个 扩展分区 最多只能有 1 个 主分区加扩展分区最多为 4 个 ...
- [poj3074]Sudoku(舞蹈链)
题目链接:http://poj.org/problem?id=3074 舞蹈链精确覆盖的经典题目,一个数独每个位置的要求,可以得到以下四个约束1.每个位置有且只有一个数字2.每个位置的数字在一行只能出 ...
- go 学习之io/ioutil包
// Discard 是一个 io.Writer 接口,调用它的 Write 方法将不做任何事情// 并且始终成功返回.var Discard io.Writer = devNull(0) // Re ...
- mysql (mariadb)表结构添加修改删除方法总结
1,添加表字段 alter table table1 add ptel varchar(100) not Null; alter table table1 add id int unsigned no ...
- eclipsePreferences位置
1.Windows:菜单栏-Window-Preferences 2.Mac:应用顶部最左侧Eclipse-Preferences ---------------------------------- ...
- 自己实现一个类似 jQuery 的函数库
假如我们有一个需求,需要给元素添加样式类,使用原生的JS很容易搞定. 1 抽取函数 function addClass(node, className){ node.classList.add(cla ...
- JVM(14)之 类加载机制
开发十年,就只剩下这套架构体系了! >>> 从本篇博文开始,我们就进入虚拟机类加载机制的学习了.那么什么是类加载呢?当我们写完一个Java类的时候,并不是直接就可以运行的,它还要 ...
- git账号失效问题解决
linux开发机上,使用某人账号,进行代码同步.该员工离职,导致该git账号不可用. 此时需要完成3步配置: 1.生成新的公私秘钥:在~/.ssh/config中把私钥文件路径 append到文件末尾 ...