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) {
                                                 });
                       });

效果图:

时间: 2024-11-05 23:23:52

ASP.NET&AJAX&JSON - 动态读取数据的相关文章

echarts在miniUI和ajax下动态渲染数据

<script src="echarts.js"></script> <script src="jquery-3.3.1.min.js"></script> </head> <body> <div id="traceProvinceOrder" style="width: 100%;height:400px;"></div> <

通过jquery,从json中读取数据追加到html中

1.下载安装jquery 可通过下面的方法引入在线版本的js: <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> 参考安装文档:http://www.runoob.com/jquery/jquery-install.html 2.准备一个json格式的文件,后缀可以不是.json 例如下面是result.json的格式 {    "title&q

springboot~openfeign从JSON文件读取数据

对openfeign不清楚的同学可以先看我这篇文章:springboot~openfeign从此和httpClient说再见 对于openfeign来说,帮助我们解决了服务端调用服务端的问题,你不需要关心服务端的URI,只需要知道它在eureka里的服务名称即可,同时你与服务端确定了服务方法的参数和返回值之后,我们可以在单元测试时mock这些服务端方法即可,真正做到了单元测试,而不需要与外界资源进行交互. 今天主要说一下在openfeign里读取JSON文件的问题,我们将测试所需要的数据存储到文

php动态读取数据清除最右边距

需求效果一行3栏: 场景模拟:同事给了我这么一段静态代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> li,ul{padding: 0;margin:0;list-style: none;} .box{ w

[转]ASP.NET MVC Json()处理大数据异常解决方法 json maxjsonlength

本文转自:http://blog.csdn.net/blacksource/article/details/18797055 先对项目做个简单介绍: 整个项目采用微软的ASP.NET MVC3进行开发,前端显示采用EasyUI框架,图表的显示用的是Highcharts,主要进行曲线图的绘制,这样比较形象地描绘出变化的趋势.由于数据量比较大(大于1000,000条记录),而highcharts接受的数据类型为json格式,所以controller从数据库中取出的数据需要先格式化成json,然后再传

利用ajax从txt读取数据

html代码: <div id="news"></div> txt: [ {"id":"1", "news":"通知:直面企业社保痛点--为什么企业社保外包成趋势","url":"http://www.baidu.com"}, {"id":"2", "news":"一个好的H

SSM + AJAX + JSON 动态下拉框

前台页面 <%@ page language="java" contentType="text/html; charset=utf-8"    pageEncoding="utf-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE html PUBLIC "-//W3

静态页面之间的转发与json与ajax做到动态数据

我们见过很多使用jsp ,php,asp的动态网页技术的网站了,我们知道如果一个网站内容更新频率极低,而内容量不是十分庞大时,这样的网站(一次开发完成后不会需要较多的维护成本)的完全可以使用全部使用静态页面来做,此时其实反而可以得到更好的效果(更快的响应时间(省掉了服务器各种拦截器,过滤器,数据库查询..),...) 有一个有趣的情形是,当需求没有那么复杂,你想要的真的非常清晰,非常直观,非常简单时,关于网站,我完全可以非常轻量级的非常惬意的去做这件事情,然后版本迭代,渐进增强, 我尝试着,可以

项目中使用的ajax异步读取数据结构设计

设计稍微复杂了一点,完成ajax读取功能涉及到了很多页面.虽然如此,但感觉比较灵活. 和传统方法唯一的区别在于多了一层数据容器控件,里面提供了显示数据的HTML元素及相应的JS方法. 这样数据控件指生成纯数据. ajax异步读取 使用了jQuery.ajax,通过ajax POST方式请求后台处理ashx页面,并传递相关参数. ashx 完成动态加载用户控件,并根据接收的参数对控件的属性进行赋值. 加载控件,借助于博客园老赵的一篇博文,链接找不到了,以后再补. public class View