佳木斯湛栽影视文化发展公司

主頁 > 知識(shí)庫 > aspx后臺(tái)傳遞Json到前臺(tái)的兩種接收方法推薦

aspx后臺(tái)傳遞Json到前臺(tái)的兩種接收方法推薦

熱門標(biāo)簽:服務(wù)器配置 地方門戶網(wǎng)站 解決方案 智能手機(jī) 蘋果 呼叫中心 電子圍欄 硅谷的囚徒呼叫中心

第一種:前臺(tái)接收

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 準(zhǔn)備一個(gè)具備大?。▽捀撸┑腄om -->
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'));
    // 顯示標(biāo)題,圖例和空的坐標(biāo)軸
    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: []
      }]
    });
    // 異步加載數(shù)據(jù)
    $.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;
        }
        // 填入數(shù)據(jù)
        myChart.setOption({
          xAxis: {
            data: varAxis
          },
          series: [{
            //根據(jù)名字對(duì)應(yīng)到相應(yīng)的系列
            name: '溫度',
            data: varSeries
          }]
        });
      },
      error: function (XMLHttpRequest, textStatus, errorThrown) {
        alert(errorThrown);
      }
    });
    
  /script>
/form>
/body>
/html>

第二種:前臺(tái)接收

dataType: "text",
        success: function (data) {
          //var varReceiver = data;
          var varReceiver = jQuery.parseJSON(data);
。。。。。
}

兩者統(tǒng)一的后臺(tái) 一般處理程序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);//去掉最后的一個(gè)逗號(hào)

      

      stbList = stbList + "],"; 
      stbList = stbList + "\"Count\":[{\"total\":" + ds.Tables[0].Rows .Count+ "}]";//用來記錄一共返回了幾條數(shù)據(jù)記錄
      
      stbList = stbList + "}";

      context.Response.Write(stbList.ToString());
    }

    public bool IsReusable
    {
      get
      {
        return false;
      }
    }

    public void RetrunHistoryData()
    {


    }
  }
}

以上這篇aspx后臺(tái)傳遞Json到前臺(tái)的兩種接收方法推薦就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

標(biāo)簽:德宏 泰安 呂梁 喀什 房產(chǎn) 佳木斯 玉林

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《aspx后臺(tái)傳遞Json到前臺(tái)的兩種接收方法推薦》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266
    西林县| 福泉市| 遂昌县| 玉溪市| 大港区| 翁牛特旗| 长海县| 东乌| 茂名市| 准格尔旗| 融水| 莆田市| 金塔县| 津市市| 阜康市| 犍为县| 江华| 杭州市| 绥阳县| 隆德县| 大荔县| 西丰县| 门头沟区| 铁力市| 濮阳县| 德化县| 灯塔市| 印江| 广宁县| 乌兰察布市| 咸阳市| 隆安县| 阿尔山市| 甘德县| 梧州市| 云林县| 宣汉县| 锦州市| 托克托县| 洞头县| 余江县|