没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
aspx后台传递后台传递Json到前台的两种接收方法推荐到前台的两种接收方法推荐
下面小编就为大家带来一篇aspx后台传递Json到前台的两种接收方法推荐。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
第一种:前台接收
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);
。。。。。
资源评论
weixin_38500607
- 粉丝: 4
- 资源: 965
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功