最简单的前端获取后台的json值（后台怎么返回一个json对象到前台）
（说一下这个外部包jackson一般不用了，现在大家都用马云儿子的FastJson 下面服务器代码我就不改了大家随意用什么外部包）2019.1.14日改
我使用了外部包jackson（杰克逊哈哈哈啊）这个包里面的ObjectMapper 下的方法writeValueAsString（） 可以把集合类或者自定义的类转化为json对象，前提是要有get方法
他获取的是方法名 例如 这个 {"name":"我是你的女儿呀！你你确定要这样吗?你对得起我麻麻吗？","id":"我是你爸爸，你要服从我的命令"} 里面有个getname方法 如果你把getname 改成gethaha 那么 json字符串变成这样 {"haha":"我是你的女儿呀！你你确定要这样吗?你对得起我麻麻吗？","id":"我是你爸爸，你要服从我的命令"}
一定要导入jackson jar 包 jackson-annotations-2.2.1.jar jackson-core-2.2.1.jar jackson-databind-2.2.1.jar
还有一个jquery.js
下面是源代码 ，没有什么好说的 ，一个bean 类 一个 servlet 一个jsp
bean
package com; import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper; public class bean {
private String name;
private String ID;
/**
* @return name
*/
public String getName() {
return name;
}
/**
* @param name 要设置的 name
*/
public void setName(String name) {
this.name = name;
}
/**
* @return iD
*/
public String getID() {
return ID;
}
/**
* @param iD 要设置的 iD
*/
public void setID(String iD) {
ID = iD;
} }
下面是 servlet GetBean.java
package com; import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse; import com.fasterxml.jackson.databind.ObjectMapper; /**
* Servlet implementation class GetBean
*/
@WebServlet("/GetBean")
public class GetBean extends HttpServlet {
private static final long serialVersionUID = 1L; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
bean bbBean=new bean();
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
bbBean.setID("我是你爸爸，你要服从我的命令");
bbBean.setName("我是你的女儿呀！你你确定要这样吗?你对得起我麻麻吗？");
ObjectMapper mapper =new ObjectMapper();
////导入jar包 创建对象 调用mapper writevalueasstring 方法把集合后者自定义类转化为json集合
String jsonStr=mapper.writeValueAsString(bbBean);
System.out.println(jsonStr);//调试输出json集合
response.getWriter().print(jsonStr); } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response); } }
index.jsp
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<script src="${pageContext.request.contextPath}/js/jquery-1.12.1.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>json</title>
<script type="text/javascript"> $(function(){ $("a").click(function(){
var url=this.href;
var args={"time":new Date()};
$.getJSON(url,args,function(data)
{
//alert(data.name); $("#message").html(data.name);
$("#message1").html(data.id); } );
return false;
} ); } ) </script>
</head>
<body>
<center>
<a href="GetBean">点我查看爸爸和女儿的对话</a><br> 爸爸 ：<label id="message1"> </label><br>
女儿 ：<label id="message"> </label>
</center>
</body>
</html>
下面是截图
最简单的前端获取后台的json值（后台怎么返回一个json对象到前台）的更多相关文章
- 第3章 springboot接口返回json 3-1 SpringBoot构造并返回一个json对象
数据的使用主要还是以JSON为主,我们不会去使用XML. 这个时候我们先不使用@RestController,我们使用之前SpringMVC的那种方式,就是@Controller. @Respons ...
- phpStudy4——前端页面使用Ajax请求并解析php返回的json数据
项目需求: 在html页面显示所有用户列表信息. 需求分析: 1. html页面使用ajax向后端php请求用户数据 2. php脚本查询数据库,并将查询后的结果以json格式返回前端html页面 3 ...
- SpringMVC返回一个JSON对象到界面
首先明确,在JavaScript中并没有类型这一说,只有一个类型就是var.我们要做的就是让JavaScript得到我们返回的一个对象让它以某种方式去处理数据. 前端代码 后台代码 @RequestB ...
- 解析嵌套json字符串，一个json字符串中嵌套另一个json字符串
我现在有一个字符串是这样: { "msg": { ", "attrName": "sensorData", "trans ...
- 窥探原理：实现一个简单的前端代码打包器 Roid
roid roid 是一个极其简单的打包软件,使用 node.js 开发而成,看完本文,你可以实现一个非常简单的,但是又有实际用途的前端代码打包工具. 如果不想看教程,直接看代码的(全部注释):点击地 ...
- 简单利用XSS获取Cookie信息实例演示
简单利用XSS获取Cookie信息实例演示 首先要找到一个有XXS的站,这里就不整什么大站了,谷歌一下inurl:'Product.asp?BigClassName',搜出来的命中率也比较高.随便 ...
- Node 使用webpack编写简单的前端应用
编写目的 1. 使用 Node 依赖webpack.jQuery编写简单的前端应用. 操作步骤 (1)新建一个目录 $ mkdir simple-app-demo $ cd simple-app-de ...
- Java获取http和https协议返回的json数据
现在很多公司都是将数据返回一个json,而且很多第三方接口都是返回json数据,而且还需要使用到http协议,http协议是属于为加密的协议,而https协议需要SSL证书,https是将用户返回的信 ...
- Thymeleaf在前台下拉列表获取后台传的值
Thymeleaf在前台下拉列表获取后台传的值 后台添加代码: /** * 新增机构 */ @GetMapping("/add") public String add(ModelM ...
随机推荐
- sklearn调用SVM算法
1.支撑向量机SVM是一种非常重要和广泛的机器学习算法,它的算法出发点是尽可能找到最优的决策边界,使得模型的泛化能力尽可能地好,因此SVM对未来数据的预测也是更加准确的. 2.SVM既可以解决分类问题 ...
- leetcode刷题-- 3.二分查找
二分查找 正常实现 题解 public int binarySearch(int[] nums, int key) { int l = 0, h = nums.length - 1; while (l ...
- 单页面应用程序（SPA）的优缺点
我们通常所说的单页面应用程序通常通过前端框架(angular.react.vue)进行开发,单页面应用程序将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML.JavaScr ...
- 吴裕雄 Bootstrap 前端框架开发——Bootstrap 表格：表示一个危险的操作
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- java并发初探CyclicBarrier
java并发初探CyclicBarrier CyclicBarrier的作用 CyclicBarrier,"循环屏障"的作用就是一系列的线程等待直至达到屏障的"瓶颈点&q ...
- 伪类:after,:before的用法
:after和:before是css3中的伪类元素.用法是像元素的前或者后插入元素.以after为例: li:after{ content: ''; color: #ff0000; } 意思是向li元 ...
- 使用自己定义的DIV的滚动条
基本思路: 让DIV浮动起来,利用postion:fixed/absolute,设定height:100% var $card=$("#cardDetail"); $ca ...
- greenplum 存储过程 返回结果集多列和单列
参考: http://francs3.blog.163.com/blog/static/4057672720125231223786/
- day06-Python运维开发基础(字符串格式化与相关的函数、列表相关的操作)
1. 字符串相关的操作与格式化 # ### 字符串相关操作 # (1)字符串的拼接 + var1 = "亲爱的," var2 = "男孩" res = var1 ...
- Python实现的远程登录windows系统功能示例
https://www.jb51.net/article/142326.htm 重点是这几本书要好好读读!: 更多关于Python相关内容感兴趣的读者可查看本站专题:<Python进程与线程操作 ...