从数据库动态获取数据并显示

实习开始一周了,今天终于做出了一个Demo,菜鸡本菜了,下面开始正题:

这次的demo是一个经典三层项目,首先是前端的代码(因为这块儿刚接触,对小菜本菜来说最难),

.aspx.cs代码:

 

using DLL;
using System;
using System.Collections;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Script.Serialization;
using System.Web.Services;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Default3 : System.Web.UI.Page
{
    public static string returnValue = "";
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)            //初次加载该页          
        {
            returnValue = "[";
            DataTable list;//声明表变量           
            list = UserManage.table();
            foreach (DataRow dr in list.Rows)
            {               
                string dataY = "";
                string dataX = "";
                dataX = "[" + dr["DataTime"].ToString() + ",";
                dataY = dr["SY1"].ToString() + "]";
                returnValue += dataX + dataY + ",";
            }
            returnValue = returnValue.Substring(0, returnValue.Length - 1)+"]" ;           
        }
    }

    [WebMethod]

    public static int[] getData()
    {
        DataTable temp;//声明表变量           
        temp = UserManage.table();
        int sum = temp.Rows.Count - 1;
        int listX = Convert.ToInt32(temp.Rows[sum][0]);
        int listY = Convert.ToInt32(temp.Rows[sum][1]);
        int[] dataOne = { listX, listY };
        return dataOne;      
    } 
}
 

这由于是三层结构,读取数据库的操作都在DAL和BLL层封装好了,这里就不细说了,小菜建的数据库只有三个字段,最后一个字段下没有数据,第一个字段是"DataTime",第二个字段是 "SY1",下面上.aspx界面代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>



   
   
   

   


   


       

             

      
   
       

   


下面是highcharts和Ajax中小菜踩过的坑:

1.Ajax的请求参数,可以看到小菜在程序里写的不要动!!!(咆哮),因为大小写和格式的问题,小菜调试过N次,最终确定的可用格式,url里的写法,斜杠后面是方法,不加括号!(其他格式或许也可行吧,不知道有没有其他因素,比如小菜马虎) ,

2.返回值类型,result.d才是你调用的方法返回的数据,注意dataType和contentType的类型,如果不正确的话是不能返回getData方法的返回值的(有可能返回整个.aspx页面)

3.highcharts中各方法需要的值类型,格式如上代码,但是小菜调试过程中发现,如果是后台返回一个string类型的[1,10],这边的addPoint和setData方法都是不能识别的,没错,它们需要的是number,因为json对象的传值小菜还在疑惑,就不误导大家了

PS:小菜的项目还没做出来,最近会一直更相关的经历,大家有兴趣的话可以多指导小菜!

你可能感兴趣的:(.NET,.net,highcharts,ajax)