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 ...
随机推荐
- 网易新闻实战 --- flask,ORM, Ajax异步删除
项目概述: 包含功能: 前端-- 新闻首页 新闻分类页 新闻详情页 后端-- 后台新闻管理(列表,分页) 新增新闻 修改新闻 删除新闻(AJAX)
- shtml与html
前言 在浏览网页的时,忽然发现了一个网址不是以[.html]结尾,而是[.shtml].顿时勾起了我的好奇心,这是什么鬼?于是打开google,开始维基. SHTML 什么是 SHTML 使用SSI( ...
- Django CORS跨域资源共享
1,什么是CORS 允许浏览器向跨源(协议 + 域名 + 端口)服务器发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制 2,特点 1,浏览器自动完成(在请求头中加入特 ...
- 安装Kubernetes V1.16.2
安装Kubernetes V1.16.2 准备硬件环境 利用VirtualBox准备两台Linux虚拟机(K8S集群2台起步),系统用CentOS(我用的是的CentOS-7-x86_64-DVD-1 ...
- 20、numpy——IO
NumPy IO Numpy 可以读写磁盘上的文本数据或二进制数据. NumPy 为 ndarray 对象引入了一个简单的文件格式:npy. npy 文件用于存储重建 ndarray 所需的数据.图形 ...
- 【接口工具】接口抓包工具之Fiddler
一.Fiddler的基本功能介绍 Fiddler的官方网站: https://www.telerik.com/purchase/fiddler Fiddler是最强大最好用的Web调试工具之一,它能记 ...
- asp.net ajax的使用
参考:https://www.cnblogs.com/acles/articles/2385648.html https://www.cnblogs.com/xujingyang/p/5560646. ...
- ABP框架按条件导出
web层 .js导出事件: //导出为excel文档 $('#btn-export').click(function () { //得到查询的参数 var temp = { //这里的键的名字和控制器 ...
- CGAffineTransform 图像处理类
CGAffineTransform 介绍 概述 CGAffineTransform是一个用于处理形变的类,其可以改变控件的平移.缩放.旋转等,其坐标系统采用的是二维坐标系,即向右为x轴正方向,向下为y ...
- 北京太速科技有限公司 layout 事业部
涵盖领域设计能力 ·通信板卡:PCI/PCIE/CPCI/VPX/光通信/无线通信/射频雷达/显卡 1.最小线宽:2MIL·主板服务器:电脑主板/交换机/服 ...