aspx后台传递Json到前台的两种接收方法推荐
更新时间：2021年9月22日 10:07 点击：1671
第一种：前台接收
dataType: "json",
success: function (data)
{
var varReceiver = data;
}
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="echart2.aspx.cs" Inherits="RTC.echart2" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title> </title>
<!-- 引入 ECharts 文件 -->
<script src="scripts/echarts.common.min.js"></script>
<script src="scripts/jquery-1.10.2.min.js"></script>
<script src="scripts/json2.js"></script>
</head>
<body>
<form id="form1" runat="server">
<!-- 为 ECharts 准备一个具备大小（宽高）的Dom -->
<div id="main" style="width:1000px;height:400px;">
</div>
<script type="text/javascript">
var varAxis;
var varSeries;
//var varRtcNO = $("#txtHid").val();
var varRtcNO = "35000002818";
var jdata;
var myChart = echarts.init(document.getElementById('main'));
// 显示标题，图例和空的坐标轴
myChart.setOption({
title: {
text: '温度曲线图'
},
tooltip: {
trigger: 'axis',
axisPointer: {
animation: false
},
formatter: function (params) {
return params[0].name + '<br />温度:' + params[0].value + '°C';
}
},
legend: {
data: ['温度']
},
xAxis: {
data: []
},
yAxis: {
axisLabel: {
formatter: '{value} °C'
},
min: 18,
max:30
},
series: [{
name: '温度',
type: 'line',
smooth: true,
data: []
}]
});
// 异步加载数据
$.ajax({
type: "post",
url: "getrtchistorydata.ashx?rtcno=" + varRtcNO,
dataType: "json",
success: function (data) {
var varReceiver = data;
//var varReceiver = jQuery.parseJSON(data);
var varAxis=new Array() ;
var varSeries = new Array(varReceiver.Count[0].total);
for (var i = 0; i < varReceiver.Count[0].total; i++) {
varAxis.push(varReceiver.Rows[i].RecordTime);
varSeries[i] = varReceiver.Rows[i].RoomTemp;
}
// 填入数据
myChart.setOption({
xAxis: {
data: varAxis
},
series: [{
//根据名字对应到相应的系列
name: '温度',
data: varSeries
}]
});
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(errorThrown);
}
});
</script>
</form>
</body>
</html>
第二种：前台接收
dataType: "text",
success: function (data) {
//var varReceiver = data;
var varReceiver = jQuery.parseJSON(data);
。。。。。
}
两者统一的后台 一般处理程序ashx：
using System;
using System.Collections.Generic;
using System.Data;
using System.Data.SqlClient;
using System.Linq;
using System.Web;
namespace RTC
{
/// <summary>
/// getrtchistorydata 的摘要说明
/// </summary>
public class getrtchistorydata : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string strRTCNo = context.Request.QueryString["rtcno"].ToString();
SqlConnection con = new SqlConnection("server=192.168.0.222;uid=sa;pwd=hiwits;database=CeShi_QingDao;Max Pool Size=2048;");
SqlCommand cmd = new SqlCommand("select RtcNO,RoomTemp,InstallPlace,convert(varchar,RecordTime,120) as RecordTime,systime from RTCHistory where RtcNO='" + strRTCNo + "' order by InstallPlace,RecordTime", con);
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataSet ds = new DataSet();
da.Fill(ds);
string stbList = "";
stbList = "{\"Rows\":[";
foreach (DataRow dr in ds.Tables[0].Rows)
{
stbList = stbList + "{ \"RecordTime\":\"" + dr[3].ToString() + "\",";
stbList = stbList + " \"RoomTemp\":\"" + dr[1].ToString() + "\"},";
}
stbList = stbList.Substring(0, stbList.Length - 1);//去掉最后的一个逗号
stbList = stbList + "],";
stbList = stbList + "\"Count\":[{\"total\":" + ds.Tables[0].Rows .Count+ "}]";//用来记录一共返回了几条数据记录
stbList = stbList + "}";
context.Response.Write(stbList.ToString());
}
public bool IsReusable
{
get
{
return false;
}
}
public void RetrunHistoryData()
{
}
}
}
以上这篇aspx后台传递Json到前台的两种接收方法推荐就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持猪先飞。
相关文章
- 这篇文章主要介绍了gin 获取post请求的json body操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-03-15
- 新版 Mysql 中加入了对 JSON Document 的支持，可以创建 JSON 类型的字段，并有一套函数支持对JSON的查询、修改等操作，下面就实际体验一下...2016-08-23
- JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式，这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成...2021-11-05
C#使用Http Post方式传递Json数据字符串调用Web Service
这篇文章主要为大家详细介绍了C#使用Http Post方式传递Json数据字符串调用Web Service，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-06-25- 下面小编就为大家带来一篇js遍历json的key和value的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2017-01-26
- 这篇文章主要介绍了详解.NET Core 3.0 里新的JSON API，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-09-22
ASP.NET Core根据环境变量支持多个 appsettings.json配置文件
这篇文章主要介绍了ASP.NET Core根据环境变量支持多个 appsettings.json配置文件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-09-22基于Vue+Openlayer实现动态加载geojson的方法
本文通过实例代码给大家介绍基于Vue+Openlayer实现动态加载geojson的方法，代码简单易懂，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧...2021-09-01解决HttpPost+json请求---服务器中文乱码及其他问题
这篇文章主要介绍了解决HttpPost+json请求---服务器中文乱码及其他问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-01-22- 下面就为大家带来一篇jquery对Json的各种遍历方法总结(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2016-10-02
- 本文给大家介绍如何替换json对象中的key，通过实例代码给大家介绍key的替换方法，代码也很简单，需要的朋友参考下吧...2021-06-02
JSON字符串转换JSONObject和JSONArray的方法
这篇文章主要介绍了JSON字符串转换JSONObject和JSONArray的方法的相关资料,需要的朋友可以参考下...2016-06-12- 这篇文章主要介绍了解决Golang json序列化字符串时多了\的情况，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-12-24
使用MSScriptControl 在 C# 中读取json数据的方法
下面小编就为大家带来一篇使用MSScriptControl 在 C# 中读取json数据的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2020-06-25Springmvc ResponseBody响应json数据实现过程
这篇文章主要介绍了Springmvc ResponseBody响应json数据实现过程,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-10-26java HttpClient传输json格式的参数实例讲解
这篇文章主要介绍了java HttpClient传输json格式的参数实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-01-22- 这篇文章主要介绍了微信小程序通过api接口将json数据展现到小程序示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2017-01-23
- 这篇文章主要介绍了vs中 C#项目读取JSON配置文件的相关知识，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-06-25
- 在js中用了JSON.parse方法在IE8，IE9，IE10兼容模式下提示JSON未定义，搜狗等IE内核的浏览器则是功能失效chrome谷歌浏览器表现一如既往的好用解决办法：判断当前浏览器是否支持JSON...2013-08-20
- 这篇文章主要介绍了C#实现将类的内容写成JSON格式字符串的方法,涉及C#针对json格式数据转换的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25