简介

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。由于其简单易用，目前常用来通过AJAX与后台进行交互。springMVC对于接收、发送JSON数据也提供了支持，并能方便的将JSON数据与对象进行相互转换。

环境准备

由于springMVC对JSON的支持是基于jackson的，因此需引入jar包

配置pom.xml

 <!-- Jackson  -->

   <dependency>

        <groupId>org.codehaus.jackson</groupId>

        <artifactId>jackson-mapper-asl</artifactId>

        <version>1.9.4</version>

   </dependency>

对springMVC的处理器适配器注入JSON转换器

<!-- 处理器适配器配置 -->

      <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">

          <property name="messageConverters">

              <list>

                  <!-- 配置jackson转换器 -->

                  <bean class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"></bean>

              </list>

          </property>

      </bean>

若使用的是MVC注解驱动，则无需再单独配置

<mvc:annotation-driven></mvc:annotation-driven>

测试代码

@RequestBody注解可将请求的JSON数据自动转换为Controller方法的形参

@ResponseBody注解可将返回的对象转换成JSON数据输出

 @RequestMapping("/queryAccount.action")

    @ResponseBody

    //@RequestBody 前提：请求ContentType必须是application/json，不能是application/x-www-form-urlencoded或其它

    public Account queryAccount(@RequestBody User user) throws Exception {

        System.out.println(user.getUsername());

        System.out.println(user.getPassword());

        Account account = new Account();

        account.setId("123");

        account.setName("nlskyfree");

        account.setMoney("3423.43");

        return account;

    }

JSP页面，使用原生AJAX发出请求

需引入json2.js进行js上的JSON数据与对象的转换

<html>

<script type="text/javascript" src="/springMVC/json2.js"></script>

<script type="text/javascript">

var xmlHttp;

function updateData() {

    //4：响应已完成；您可以获取并使用服务器的响应了。

    if(xmlHttp.readyState == 4) {

        var response = xmlHttp.responseText;

        alert(response);

        var obj = JSON.parse(response);

        document.getElementById(3).value = obj.id;

        document.getElementById(4).value = obj.name;

        document.getElementById(5).value = obj.money;

    }

}

//AJAX提交数据

function submit() {

    //获得提交数据

    var username = document.getElementById(1).value;

    var password = document.getElementById(2).value;

    //发出AJAX请求

    xmlHttp = getXMLHttpRequest();

    var url = "/springMVC/queryAccount.action";

    //开启连接

    xmlHttp.open("POST", url, true);

    //返回函数

    xmlHttp.onreadystatechange = updateData;

    //设置数据为JSON格式

    xmlHttp.setRequestHeader("Content-Type", "application/json");

    var data = {"username": username, "password" : password};

    //发送请求

    xmlHttp.send(JSON.stringify(data));

}

//兼容各浏览器获取XMLHttpRequest

function getXMLHttpRequest() {

    var xmlHttp = false;

    try {

        xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

    } catch (e) {

        try {

            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

        } catch (e2) {

            xmlHttp = false;

        }

    }

    if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {

        xmlHttp = new XMLHttpRequest();

    }

    return xmlHttp;

}

</script>

<body>

<h2>Hello World!</h2>

用户名：<input id="1" name="username" type="text"/>

密码：<input id="2" name="password" type="password"/><br/>

<br/>

<input type="button" value="查 询" onclick="submit();"/><br/>

<br/>

账户编号<input id="3" type="text"/><br/>

账户名称<input id="4" type="text"/><br/>

账户金额<input id="5" type="text"/>

</body>

</html>

结果：

springMVC入门（六）------json交互与RESTFul风格支持的更多相关文章

  1. Spring MVC之JSON数据交互和RESTful的支持

    1.JSON概述 1.1 什么是JSON JSON(JavaScript Object Notation,JS对象标记)是一种轻量级的数据交换格式.它是基于JavaScript的一个子集,使用了C.C ...

  2. SpringMVC+Json构建基于Restful风格的应用(转)

    一.spring 版本:spring-framework-3.2.7.RELEASE 二.所需其它Jar包: 三.主要代码: web.xml <?xml version="1.0&qu ...

  3. springMVC上传图片，json交互（三）

    @RequestMapping 通过@RequestMapping注解可以定义不同的处理器映射规则. @RequestMapping(value="item")或@RequestM ...

  4. <SpringMvc>入门六 异常处理

    如果不做异常处理,那么一直将错误向上抛出,则会最后在页面上显示错误代码 服务启动后,访问test1方法,页面会报500 为了提示友好的错误页面,所以需要做异常处理 1.编写自定义异常类(做提示信息的) ...

  5. 1.4(Spring MVC学习笔记)JSON数据交互与RESTful支持

    一.JSON数据交互 1.1JSON简介 JSON(JavaScript Object Notation)是一种数据交换格式. 1.2JSON对象结构 {}代表一个对象,{}中写入数据信息,通常为ke ...

  6. SpringMVC（三）Restful风格及实例、参数的转换

    个人博客网:https://wushaopei.github.io/    (你想要这里多有) 一.Restful风格 1.Restful风格的介绍 Restful 一种软件架构风格.设计风格,而不是 ...

  7. 『政善治』Postman工具 — 3、补充：restful风格接口的项目说明

    目录 (一)RESTful架构风格特点 1.统一接口风格 2.规范的HTTP请求方法 3.HTTP响应码 4.什么是无状态 (二)JSON数据格式说明 1.什么是JSON 2.JSON格式的特点 3. ...

  8. SpringMVC详解（六）------与json交互

    Json(JavaScript Object Notation),它是一种轻量级数据交换格式,格式简单,易于读写,目前使用特别广泛.那么这篇博客我们主要谈谈在 SpringMVC 中,如何对 json ...

  9. springMVC学习(11)-json数据交互和RESTful支持

    一.json数据交互: json数据格式在接口调用中.html页面中较常用,json格式比较简单,解析还比较方便. 比如:webservice接口,传输json数据. springMVC进行json交 ...

随机推荐

  1. 5万字长文:Stream和Lambda表达式最佳实践-附PDF下载

    目录 1. Streams简介 1.1 创建Stream 1.2 Streams多线程 1.3 Stream的基本操作 Matching Filtering Mapping FlatMap Reduc ...

  2. python线程,进程,队列和缓存

    一.线程 threading用于提供线程相关的操作,线程是应用程序中工作的最小单元. 创建线程的两种方式1.threading.Thread import threading def f1(arg): ...

  3. Linux重定向用法详解

    大家好,我是良许. 相信大家平时都会有需要复制粘贴数据的时候,如果是打开文件进行复制粘贴,就不可避免的需要较多的鼠标与键盘的操作,就会比较繁琐.那么有没有可以省掉这些繁琐操作的复制粘贴的方法呢? 答案 ...

  4. 朝阳大妈也能听懂的git教程 (好人不谢)

    1  核心概念(非常简单) 分支  同一个树关节  长两个分叉 每一个树关节 就是一个commit commit  是纵向纬度的版本   分支(branch) 是横向纬度的版本  (发挥想象力  自己 ...

  5. 路径总和（leetcode 113）

    题目描述如下所示: 给定一个二叉树和一个目标和,找到所有从根节点到叶子节点路径总和等于给定目标和的路径.(https://leetcode-cn.com/problems/path-sum-ii/) ...

  6. 如何单页面不引用移动端的适配 （postcss）

    由于pc端移动端同时开发所以同时有vant跟elementui,我的pc端登录界面直接引用之前项目做的 因为postcss全局引用,全局的px会自动转换自适应,然后页面的布局就呈现了放大的趋势, 查阅 ...

  7. django 命令行命令

    django-admin startproject 项目名 django-admin startproject python manage.py makemigrations python manag ...

  8. 学习python的几个资料网站

    菜鸟教程 https://www.runoob.com/python3/python3-tutorial.html https://www.runoob.com/python/python-tutor ...

  9. nodeJs + js 大文件分片上传

    简单的文件上传 一.准备文件上传的条件: 1.安装nodejs环境 2.安装vue环境 3.验证环境是否安装成功 二.实现上传步骤 1.前端部分使用 vue-cli 脚手架,搭建一个 demo 版本, ...

  10. 011_go语言中的range遍历

    代码演示 package main import "fmt" func main() { nums := []int{2, 3, 4} sum := 0 for _, num := ...