主頁 > 知識庫 > aspx后臺傳遞Json到前臺的兩種接收方法推薦

aspx后臺傳遞Json到前臺的兩種接收方法推薦

熱門標簽:地圖標注軟件免費下載 網(wǎng)絡電話外呼系統(tǒng)上海 400電話辦理怎么樣 聯(lián)通官網(wǎng)400電話辦理 西寧呼叫中心外呼系統(tǒng)線路商 蘇州如何辦理400電話 百應電話機器人外呼系統(tǒng) 外呼電話機器人成本 臨沂智能電話機器人加盟

第一種:前臺接收

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 準備一個具備大?。▽捀撸┑腄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'));
    // 顯示標題,圖例和空的坐標軸
    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ù)名字對應到相應的系列
            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);
。。。。。
}

兩者統(tǒng)一的后臺 一般處理程序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+ "}]";//用來記錄一共返回了幾條數(shù)據(jù)記錄
      
      stbList = stbList + "}";

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

    public bool IsReusable
    {
      get
      {
        return false;
      }
    }

    public void RetrunHistoryData()
    {


    }
  }
}

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

標簽:平涼 聊城 慶陽 清遠 臨夏 中衛(wèi) 甘肅 海西

巨人網(wǎng)絡通訊聲明:本文標題《aspx后臺傳遞Json到前臺的兩種接收方法推薦》,本文關鍵詞  aspx,后臺,傳遞,Json,到,前臺,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《aspx后臺傳遞Json到前臺的兩種接收方法推薦》相關的同類信息!
  • 本頁收集關于aspx后臺傳遞Json到前臺的兩種接收方法推薦的相關信息資訊供網(wǎng)民參考!
  • 推薦文章