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 ...
随机推荐
- JS中设置input的type="radio"默认选中
html: <input id="Radio1" type="radio" value="男" name="st_Sex&q ...
- CNN之池化层tf.nn.max_pool | tf.nn.avg_pool | tf.reduce_mean | padding的规则解释
摘要:池化层的主要目的是降维,通过滤波器映射区域内取最大值.平均值等操作. 均值池化:tf.nn.avg_pool(input,ksize,strides,padding) 最大池化:tf.nn.ma ...
- JavaScript高级程序设计(第3版) 第三章 (基本概念)
3.1 语法 1.不以数字开头的数字,字母,下划线,美元符号 2.注释:html <!-- --> css/**/ js单行// 多行/**/ 3.ES5 引入了严格模式(strict m ...
- PHP 是怎么接收到请求的?
本篇文章主要描述一下几点 ● nginx 怎么转发请求 给 PHPFPM? ● CGI 和 FastCGI 到底是个什么玩意? ● PHPFPM 是什么?有什么作用? 简单场景描述 在浏览器上访问一个 ...
- resultType和resultMap一对一查询小结
resultType和resultMap一对一查询小结 SELECT orders.*, USER .username,USER.birthday,USER.sex,USER.address FROM ...
- [BZOJ2438]杀人游戏
Description 一位冷血的杀手潜入 Na-wiat,并假装成平民.警察希望能在 N 个人里面,查出谁是杀手.警察能够对每一个人 进行查证,假如查证的对象是平民,他会告诉警察,他认识的人, 谁是 ...
- java_第一年_JavaWeb(4)
HttpServletResponse对象 向客户端发送数据的方法: 通过getOutputStream()方法得到OutputStream对象,再通过write发送 通过getWriter()方法得 ...
- project euler-34
145是个奇怪的数字.由于1!+ 4! + 5! = 1 + 24 + 120 = 145. 请求出能表示成其每位数的阶乘的和的全部数的和. 请注意:由于1! = 1和2! = 2不是和,故它们并不包 ...
- Linux拷贝、移动、删除
cp:拷贝文件或文件夹(copy) - cp original_filename copy_filename(在当前目录生成拷贝文件,并改名为copy_filename) - cp original_ ...
- elasticsearch 深入 —— Top Hits Aggregation
Top Hits Aggregation top_hits指标聚合器跟踪正在聚合的最相关文档. 此聚合器旨在用作子聚合器,以便可以按桶聚合最匹配的文档. top_hits聚合器可以有效地用于通过桶聚合 ...