JSON—接收服务器端传来的数据

2023-10-27

1.服务器端传送json格式的数据代码如下(这里指在servlet类中的情况):

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class repjson extends HttpServlet {
	public repjson() {
		super();
	}
	public void destroy() {
		super.destroy(); // Just puts "destroy" string in log
		// Put your code here
	}
        //主方法,通过doGet的response回传json数据
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		response.setContentType("text/html");
		PrintWriter out = response.getWriter();
		String title="HelloJson";
		String a="J";
		String b="S";
		String c="O";
		String d="N";
		String xData="["+"\""+a+"\""+","+"\""+b+"\""+","+"\""+c+"\""+","+"\""+d+"\""+"]";
		String yData="["+4+","+3+","+2+","+1+"]";
		out.println("{" + "\"title\": \"" + title + "\"" + ","+ "\"xData\":" + xData + "," + "\"yData\":" + yData + "}");
	}

	public void init() throws ServletException {
		// Put your code here
	}

}

2.客户端接收json数据并以直方图显示代码如下:

<%@ page language="java" pageEncoding="utf-8"%>
<%@ page contentType="text/html;charset=utf-8"%>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
	var options = {
			chart : {
				renderTo : 'container',
				type : 'column'
			},
			title : {
				text : ''
			},
			credits : {
				enabled : false
			},
			exporting : {
				enabled : true
			},
			plotOptions : {
				column : {
					pointPadding : 0.2,
					borderWidth : 0
				}
			},
			tooltip : {
				formatter : function() {
					return '' + this.x + ': ' + this.y + ' 次';
				}
			},

			legend : {
				enabled : false
			},

			xAxis : {
				categories : [],
				labels : {
					rotation : -45,
					align : 'right',
					style : {
						fontSize : '13px',
						fontFamily : 'Verdana, sans-serif'
					}
				}
			},
			yAxis : {
				min : 0,
				title : {
					text : '数量(次)'
				}
			},
			series : [ {
				name : "",
				data : []
			} ]
		};

		$.get('servlet/repjson', function(JSON) {
			
			JSON = eval("(" + JSON + ")");
			options.title.text = JSON.title;

			$.each(JSON.xData, function(key, value) {
				options.xAxis.categories.push(value);
			});
			$.each(JSON.yData, function(key, value) {
				options.series[0].data.push(value);
			});

			var chart = new Highcharts.Chart(options); 

		});
	});
</script>
<div id="container" style="min-width: 720px; height: 400px; margin: 0 auto"></div>

3.实验结果图如下:



本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JSON—接收服务器端传来的数据 的相关文章

随机推荐

  • 工作流程引擎之flowable(集成springboot)

    0 背景 现状 公司各部门业务系统有各自的工作流引擎 也有cross function的业务在不同系统或OA系统流转 没有统一的去规划布局统一的BPM解决方案 近期由于一个项目引发朝着整合统一的BPM方案 特了解一下市面上比较主流的开源和收
  • 充分必要条件

    充分必要条件 p 是 q 的充分必要条件 等价于 q 的充分必要条件是 p 则 p 可 推出 q 证明了 充分性 q 可推出 p 证明了必要性
  • nvprof 性能评估主要指标

    nvprof 用于性能评估的三个主要指标 occupancy nvprof metrics achieved occupancy helloCuda out gld throughput nvprof metrics gld through
  • 数据分析|情绪字典 绘图 火星坐标转换 「某社交平台」内容情绪分析

    任务要求 情绪理解是文本处理里最常见任务之一 现提供一个五类情绪字典 由情绪词组成 5 个文件 人工标注 实现一个情绪分析工具 并利用该工具对10000条 某社交平台 内容进行测试和分析 一行一条 某社交平台 内容 字典数据见公开数据中的e
  • Windows内核中的数据结构与函数调用

    2 3重要的数据结构 2 3 1驱动对象 Windows内核认为许多东西都是 对象 比如一个驱动 一个设备 一个文件 甚至其他的一些东西 采用面对对象的编程方式 但是使用的是C语言 一个驱动对象代表了一个驱动程序 或者说一个内核模块 驱动对
  • mybatis selectKey 标签

    1 插入返回主键
  • 基于springboot+vue+Java的自习室预定系统+数据库(附源码,文档)

    今天为大家带来的是 基于springboot vue自习室预定系统 源码 文档 开发环境 源码下载地址 https download csdn net download gdutxiaoxu 87595996 后端 开发语言 Java 框架
  • 华为OD机试 - 告警抑制(Python)

    题目描述 告警抑制 是指高优先级告警抑制低优先级告警的规则 高优先级告警产生后 低优先级告警不再产生 请根据原始告警列表和告警抑制关系 给出实际产生的告警列表 不会出现循环抑制的情况 告警不会传递 比如A gt B B gt C 这种情况下
  • 一个200W+30W播放量的物联网创意小视频是怎么创作的?

    title B站拆解视频的创作 tags 拆解 date 2020 5 18 00 53 00 urlname bilibili iphoneSE 折腾的最高境界 把iPhone SE改装成台式机全纪录 这是在B站和达尔闻合作的拆解视频 达
  • 用户分析报告

    用户分析报告 随着国民消费水平的提高和年轻消费群体的崛起 中国的新式茶饮市场不断快速发展 新式茶饮已成为绝大多数年轻人接触茶及茶文化的渠道来源 在市场竞争如此激烈的前提下 品牌如何发挥自身的优势和凝聚力 将这一群对新式茶饮有需求的人集结在一
  • 移动软件技术——Activity(1)

    Part1 Activity基础 1 概念 Activity是Android程序中最基本的组件 显示可视化的用户界面 接收与用户交互所产生的界面事件 一个Activity代表一个单独的屏幕 可以添加多个控件如 Button TextView
  • Linux的top命令解析

    Top命令是什么 TOP命令是Linux下常用的性能分析工具 能够实时显示系统中各个进程的资源占用状况 TOP是一个动态显示过程 即可以通过用户按键来不断刷新当前状态 如果在前台执行该命令 它将独占前台 直到用户终止该程序为止 比较准确的说
  • java Process.waitFor阻塞

    关于java Process waitFor 进程阻塞问题 摘录自 http lelglin iteye com blog 1487351 问题 有同学遇到java调用Process exec node purppeteer插件去浏览器截图
  • js浏览器打开小窗口

    export const openWindow url title w h gt Fixes dual screen position Most browsers Firefox const dualScreenLeft window sc
  • 华为机试:停车场车辆统计(Java解法)

    停车场车辆统计 特定大小的停车场 数组cars 表示 其中1代表有车 0代表无车 车辆大小不一 统计停车场最少可以停多少辆车 返回具体的数字 长度小于1000 输入 小车占一个车位 长度1 中车占两个车位 长度2 大车占三个车位 长度3 输
  • 虚函数在对象中的内存布局

    典型地 C 通过虚函数实现多态性 多态性的定义 无论发送消息的对象属于什么类 他们均发送具有相同形式的消息 对消息的处理方式可能随接受消息的对象而变 具体地说 在某个基类上建立起来的类的层次结构中 可以对任何一个派生类的对象中的同名成员函数
  • VirtualKD-3.0双机调试过程问题记录

    1 vmware虚拟机本身不需要额外配置 但虚拟机名不要是中文 不然会卡死 2 打开virtual 然后点击debugger path 选择windbg exe 此时必须选windbg 选windbgx会没有效果 然后windug exe
  • 报错 RuntimeError: No such operator image::read_file

    初学者在刚接触cv时经常会遇到的问题 一般是文件输入的路径不对 linux 系统使用 分割地址 Windows 使用 分割 如果直接使用某个文件的地址 注意在双引号外加 r 如 r C Users master Desktop 1 jpg
  • C++学习—类的成员函数和变量的访问、静态与非静态成员函数

    类的成员访问方式可以分为两类 没有实例化对象的访问 有实例化对象的访问 一 没有实例化对象的访问 class controller public static void func protected int a int b int main
  • JSON—接收服务器端传来的数据

    1 服务器端传送json格式的数据代码如下 这里指在servlet类中的情况 import java io IOException import java io PrintWriter import javax servlet Servle