ASP.NET&AJAX&JSON - 动态读取数据
因为之前帮WM组做了一个delivery的dashboard,大概用了3周的时间,.net也忘了差不多了,ajax和highchart表也是现学的,蛮费劲!总算也搞出来了。发帖纪录一下。
1. 前台ASPX页面<Javascript>(下面ajax的代码可以存在与某个JS事件中触发,将其包含在事件代码里)
$.getJSON("Handler4.ashx", {"param": a, "param1":b },
function (data) {
$.each(data, function (i, item) {
    bar_version.push(item["version"]);
    bar_value.push(item["vamount"]);
        $.each(item, function (k, v) {
                                                 });
                       });
param 和param1将a和b的值传入后台。
2. ashx.cs - handler
string param = HttpContext.Current.Request["param"];
将param 值传入handler cs 后台,将某个list参数JSON序列化(使用newtonsoft包)
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(_list);
context.Response.Write(strJson);
更多关于newtonsoft的信息:
http://www.newtonsoft.com/json
3. 将后台JSON数据传入前台
$.getJSON("Handler4.ashx", {"param": a, "param1":b },
function (data) {//红色data变量是从后台JSON格式的变量strJson                    
$.each(data, function (i, item) { //通过each函数,将JSON格式的数据读出来.
    bar_version.push(item["version"]);
    bar_value.push(item["vamount"]);
        $.each(item, function (k, v) {
                                                 });
                       });
效果图(图是由highcharts来画的):

ASP.NET&AJAX&JSON - 动态读取数据的更多相关文章
- ajax获取动态列表数据后的分页问题
		ajax获取动态列表数据后的分页问题 这是我在写前台网站时遇到的一个分页问题,由于数据是通过ajax的方式来请求得到的,如果引入相应的js文件来做分页,假如只是静态的填放数据到列表各项内容中(列表条数 ... 
- Highcharts使用简例 + 异步动态读取数据
		第一部分:在head之间加载两个JS库. <script src="html/js/jquery.js"></script> <script src= ... 
- asp.net+Sqlserver 通过存储过程读取数据
		Sqlserver代码 创建存储过程如下: /*根据父id获取类别总数*/ IF EXISTS (SELECT name FROM sysobjects WHERE name = N'getsite ... 
- echarts在miniUI和ajax下动态渲染数据
		<script src="echarts.js"></script> <script src="jquery-3.3.1.min.js&qu ... 
- springboot~openfeign从JSON文件读取数据
		对openfeign不清楚的同学可以先看我这篇文章:springboot~openfeign从此和httpClient说再见 对于openfeign来说,帮助我们解决了服务端调用服务端的问题,你不需要 ... 
- 通过jquery,从json中读取数据追加到html中
		1.下载安装jquery 可通过下面的方法引入在线版本的js: <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jque ... 
- php动态读取数据清除最右边距
		需求效果一行3栏: 场景模拟:同事给了我这么一段静态代码如下: <!DOCTYPE html> <html lang="en"> <head> ... 
- [转]ASP.NET MVC Json()处理大数据异常解决方法  json maxjsonlength
		本文转自:http://blog.csdn.net/blacksource/article/details/18797055 先对项目做个简单介绍: 整个项目采用微软的ASP.NET MVC3进行开发 ... 
- ASP.NET MVC Json()   处理大数据异常解决方法 json MaxJsonLength
		网上很多解决方案,在webconfig中添加,但是实践证明无效 <system.web.extensions> <scripting> <webServices> ... 
随机推荐
- ENVI二次开发模式下的Landsat数据读取
			从usgs网站或者马里兰大学下载TM或Landsat原始数据,数据可能包括9个tif数据,两个txt文件和一个gtf文件.示例结构如下: ENVI下可以直接打开*_MTL.txt文件打开,打开后波段列 ... 
- .NET 可选择的转型路径(转)
			新的一年,您在学习和工作上,想坚守所学,还是尝试转型呢? (1) 继续钻研 C# 4.0 / AJAX / LINQ to AD.LINQ to JavaScript / WF, WCF, WPF, ... 
- (笔记)angular 的hover事件
- Oracle 查询字段在什么表
			-- 查询字段在什么表 select * from all_tab_cols t where t.column_name='ABC'; -- 查询字段在什么表并且 判断是否是主键 select * f ... 
- 华为OJ—字符串排序(排序,忽略指定字符排序)
			http://career-oj.huawei.com/exam/ShowProblemInfo?id=2168 编写一个程序,将输入字符串中的字符按如下规则排序. 规则1:英文字母从A到Z排列,不区 ... 
- 爱之初体验---编译加载内核模块hello
			1. hello.c #include <linux/module.h> #include <linux/kernel.h> #include <linux/init.h ... 
- c语言学习的第五天
			#include<stdio.h> #include<stdbool.h> int main() { _Bool num=1; if (num==true); { printf ... 
- Ubuntu开发环境搭建
			linux开发不得不用虚拟机,为了节省系统资源.决定采用Ubuntu Server逐步搭建出具有图形界面的开发环境. ubuntu server 安装英文版 安装选择选generic,不要LVM选项. ... 
- LevelDb系列之简介
			说起LevelDb也许您不清楚,但是如果作为IT工程师,不知道下面两位大神级别的工程师,那您的领导估计会Hold不住了:Jeff Dean和Sanjay Ghemawat.这两位是Google公司重量 ... 
- (转)PHP的语言结构和函数的区别
			相信大家经常看到对比一些PHP应用中,说用isset() 替换 strlen(),isset比strlen执行速度快等. 例子: if ( isset($user) ) { //do some thi ... 
