（说一下这个外部包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">&nbsp;</label><br>

女儿 ：<label id="message">&nbsp;</label>

</center>

</body>

</html>

下面是截图

最简单的前端获取后台的json值（后台怎么返回一个json对象到前台）的更多相关文章

  1. 第3章 springboot接口返回json 3-1 SpringBoot构造并返回一个json对象

    数据的使用主要还是以JSON为主,我们不会去使用XML. 这个时候我们先不使用@RestController,我们使用之前SpringMVC的那种方式,就是@Controller.  @Respons ...

  2. phpStudy4——前端页面使用Ajax请求并解析php返回的json数据

    项目需求: 在html页面显示所有用户列表信息. 需求分析: 1. html页面使用ajax向后端php请求用户数据 2. php脚本查询数据库,并将查询后的结果以json格式返回前端html页面 3 ...

  3. SpringMVC返回一个JSON对象到界面

    首先明确,在JavaScript中并没有类型这一说,只有一个类型就是var.我们要做的就是让JavaScript得到我们返回的一个对象让它以某种方式去处理数据. 前端代码 后台代码 @RequestB ...

  4. 解析嵌套json字符串，一个json字符串中嵌套另一个json字符串

    我现在有一个字符串是这样: { "msg": { ", "attrName": "sensorData", "trans ...

  5. 窥探原理：实现一个简单的前端代码打包器 Roid

    roid roid 是一个极其简单的打包软件,使用 node.js 开发而成,看完本文,你可以实现一个非常简单的,但是又有实际用途的前端代码打包工具. 如果不想看教程,直接看代码的(全部注释):点击地 ...

  6. 简单利用XSS获取Cookie信息实例演示

    简单利用XSS获取Cookie信息实例演示   首先要找到一个有XXS的站,这里就不整什么大站了,谷歌一下inurl:'Product.asp?BigClassName',搜出来的命中率也比较高.随便 ...

  7. Node 使用webpack编写简单的前端应用

    编写目的 1. 使用 Node 依赖webpack.jQuery编写简单的前端应用. 操作步骤 (1)新建一个目录 $ mkdir simple-app-demo $ cd simple-app-de ...

  8. Java获取http和https协议返回的json数据

    现在很多公司都是将数据返回一个json,而且很多第三方接口都是返回json数据,而且还需要使用到http协议,http协议是属于为加密的协议,而https协议需要SSL证书,https是将用户返回的信 ...

  9. Thymeleaf在前台下拉列表获取后台传的值

    Thymeleaf在前台下拉列表获取后台传的值 后台添加代码: /** * 新增机构 */ @GetMapping("/add") public String add(ModelM ...

随机推荐

  1. nginx反向代理（2）

    目录 nginx缓存 基本概念 常用模块 proxy_cache 超时相关 常见架构 ========================================================= ...

  2. HTML相关知识点

    标签: 块元素:可以设置宽高,div, 行内元素:不可以设置宽高,span,image, display:inline;//转换成行内元素 display:block;//转换成块元素 display ...

  3. Vue - @import css 加载第三方css

    @import '~@/assets/css/style.css' CSS loader 会把把非根路径的url解释为相对路径, 加~前缀才会解释成模块路径.

  4. hadoop的扩容

    一.横向扩容(参见:https://www.cnblogs.com/yangy1/p/12362565.html) 现在在此基础上再添加一个节点 1.克隆一台主机hdp03(克隆hdp02) 修改ip ...

  5. 原生JS获取所有标签的数量并统计每个标签的数量

    <script type="text/javascript"> var tags = document.getElementsByTagName('*'); var t ...

  6. 078、Java数组之数组的引用传递

    01.代码如下: package TIANPAN; /** * 此处为文档注释 * * @author 田攀 微信382477247 */ public class TestDemo { public ...

  7. Lesson 5 Youth

    How does the writer like to treat young people? People are always talking about 'the problem of yout ...

  8. sklearn中的多项式回归算法

    sklearn中的多项式回归算法 1.多项式回归法多项式回归的思路和线性回归的思路以及优化算法是一致的,它是在线性回归的基础上在原来的数据集维度特征上增加一些另外的多项式特征,使得原始数据集的维度增加 ...

  9. 关于ESP8266和ESP8285的对比

    ESP8285=ESP8266+1M Flash. 与ESP8266相比,其能耐高温达125摄氏度!且原有ESP8266源码程序可以原封不动移植使用.ESP-M1/M2 模块核心处理器采用高性价比芯片 ...

  10. @Autowired 和 @ Resource 的区别

    转 都是用来装配Bean的注解.都可以写在字段上,或写在setter方法上. @Autowired注解是按照类型(byType)装配依赖对象,默认情况下它要求依赖对象必须存在,如果允许null值,可以 ...