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 ...
随机推荐
- Python笔记(十六)_else语句、with语句
else的多种用法 1.try except + else:检测到代码无异常,才执行else 例如: def func(num): count=num//2 while count>1: if ...
- 字符串模式匹配算法系列(二):KMP算法
算法背景: KMP算法是由Donald Knuth和Vaughan Pratt于1970年共同提出的,而James H.Morris也几乎同时间独立提出了这个算法.因此人们将其称作“克努特-莫里斯-普 ...
- 爬虫之requests 请求
1.发送不同的请求 import requests r = requests.get('https://www.baidu.com/') r = requests.post('http://httpb ...
- 《JAVA设计模式》之桥接模式(Bridge)
在阎宏博士的<JAVA与模式>一书中开头是这样描述桥梁(Bridge)模式的: 桥梁模式是对象的结构模式.又称为柄体(Handle and Body)模式或接口(Interface)模式. ...
- Dubbo的详解
1.Dubbo是什么? Dubbo是一个分布式服务框架,简言之:dubbo就是个服务框架,如果没有分布式的需求,其实是不需要用的,只有在分布式的时候,才有dubbo这样的分布式服务框架的需求,并且本质 ...
- 【五一qbxt】day6 OI中的stl
from:why 很多很多part…… 1.pair: 相当于把两个变量放在一起: #include<utility> using namespace std; pair<TypeN ...
- P2639 [USACO09OCT]Bessie的体重问题Bessie's Weight
题目传送门 这题和01背包最大的区别在于它没有价值,所以我们可以人工给它赋一个价值,由于要求体积最大,把价值赋成体积即可.顺带一提,这题数据范围很大,二维会MLE,要压缩成一维才可以AC 下面给出参考 ...
- python学习二十一天文件可读,可写,可执行的操作
文件无非是可读,可写,可执行的操作,分别对应的模式 r ,w,x,只读模式,只写模式,只执行模式,a模式为追加模式,实际也是写操作模式,r+,w+,a+ 可读写模式,下面详细说模式的用法 1,文件的模 ...
- java中位运算和移位运算详解
一.位运算 (1)按 位 与 & 如果两个相应的二进制形式的对应的位数都为1,则结果为1,记为同1为1,否则为0.首先我们看一下对正数的运算 分别看一下正数和负数的具体运算步骤 ...
- SR-IOV
SR-IOV 来源 http://blog.csdn.net/liushen0916/article/details/52423507 摘要: 介绍SR-IOV 的概念.使用场景.VMware 和 K ...