在做一个ajax发送json到springmvc的控制层，控制层的对象中有一个List集合，ajax调用总是报415错误。发现了一个一直没有注意到的问题，借机记录一下。

(细节部分都忽略了，在最后的demo项目地址中会有。这里只写主要的步骤)

一、添加pom.xml依赖

　　springmvc的pom.xml依赖在demo工程里都有，这里主要强调要添加以下两个依赖，否则@RequestBody和@ResponseBody这两个注解就不起作用。

<dependency>

    <groupId>com.fasterxml.jackson.core</groupId>

    <artifactId>jackson-core</artifactId>

    <version>2.5.4</version>

</dependency>

<dependency>

    <groupId>com.fasterxml.jackson.core</groupId>

    <artifactId>jackson-annotations</artifactId>

    <version>2.5.4</version>

</dependency>

<dependency>

    <groupId>com.fasterxml.jackson.core</groupId>

    <artifactId>jackson-databind</artifactId>

    <version>2.5.4</version>

</dependency>

<dependency>

    <groupId>com.fasterxml.jackson.jaxrs</groupId>

    <artifactId>jackson-jaxrs-json-provider</artifactId>

    <version>2.5.4</version>

</dependency>

二、Controller层

package org.hope.lee.controller;

import org.hope.lee.model.User;

import org.springframework.http.HttpStatus;

import org.springframework.http.ResponseEntity;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestBody;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

import org.springframework.web.bind.annotation.ResponseBody;

import org.springframework.web.servlet.ModelAndView;

import com.alibaba.fastjson.JSONObject;

@Controller

@RequestMapping("/user")

public class UserController {

    @RequestMapping("index")

    public ModelAndView toAddUserPage() {

        return new ModelAndView("addUser");

    }

    @RequestMapping(value = "/add",method = RequestMethod.POST)

    @ResponseBody

    public ResponseEntity<String> addUser(@RequestBody User user) {

        JSONObject object = new JSONObject();

        object.put("success", "成功");

        return new ResponseEntity<>(object.toString(), HttpStatus.OK);

    }

}

三、JSP页面

　　注意"②"处的代码，这种方式传递list参数给controller层种的@RequestBody对象是会报415错误的。我发现是因为"②"处addresses的value会多一个双引号

　　{"name":"李四","age":"59","gender":"男","addresses":"[{\"addressName\":\"A区\"},{\"addressName\":\"B区\"}]"}。

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<script type="text/javascript" src="../static/js/jquery-1.11.0.js"></script>

<script type="text/javascript">

    $(document).ready(function() {

        $("#btn").click(function() {

            var vname = $('#name').val();

            var vage = $('#age').val();

            var vgender = $("input[name='gender']:checked").val();

            var checkedParams = $("input:checkbox:checked");

            checked_val = [];

            for(k in checkedParams){

                if(checkedParams[k].checked)

                    checked_val.push(checkedParams[k].value);

            };

            var arr = new Array();

            for(var i = 0; i < checked_val.length; i++) {

                arr.push({'addressName':checked_val[i]});

            }

            var arrs = JSON.stringify(arr);

            var params = {

                name : vname,

                age : vage,

                gender : vgender,

                addresses:arrs

            }

            var params2 = '{"name":\"'+vname+'\","age":'+vage+',"gender":\"'+vgender+'\","addresses":'+arrs+'}' //如果有更好的办法，希望给我留言。

            console.log("params=" + JSON.stringify(params));

            console.log("params2=" + params2);

            $.ajax({

                url : "add",

                type : 'POST',

                data : params2, //①

                //data:JSON.stringify(params), //②

                dataType : 'json',

                contentType : "application/json;charset=utf-8",

                beforeSend: function() {

                },

                success : function(data) {

                    alert("保存成功");

                },

                error : function(XMLHttpRequest, textStatus, errorThrown) {

                    console.log(textStatus + "服务器异常，请稍后尝试！");

                }

            });

        });

    });

</script>

</head>

<body>

    姓名：<input type="text" id="name" /><br/>

    年龄：<input type="text" id="age" /><br/>

    性别:

    男:<input type="radio" checked="checked" name="gender" value="男"/>

    女：<input type="radio" name="gender" value="女"/><br/>

    地址:

    A区<input type="checkbox" id="checkbox" value="A区" />

    B区<input type="checkbox" id="checkbox" value="B区" />

    C区<input type="checkbox" id="checkbox" value="B区" /><br/>

    <button id="btn" >保存</button>

</body>

</html>

https://gitee.com/huayicompany/spring-learn/tree/master/springmvc-json

SpringMVC+AJAX+JSON的更多相关文章

  1. springMvc+AJAX+JSON的增删改查

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...

  2. Ajax json交互和SpringMVC中@RequestBody

    Ajax json交互和SpringMVC中@RequestBody 标签: 背景 自己提供出去得接口中参数设置为@RequestBody VipPromotionLog vipPromotionLo ...

  3. AJAX发送json，SpringMVC 接收JSON，@RequestBody

    需求:JQuery ajax前台,采用 POST请求 发送json,后台使用SpringMVC接收json并处理 前台: $.ajax({ url:"请求地址", type:&qu ...

  4. SpringMVC Ajax返回的请求json 的方式来解决在中国字符串乱码问题

    1.org.springframework.http.converter.StringHttpMessageConverter类是类处理请求或相应的字符串.和默认字符集ISO-8859-1,所以当返回 ...

  5. SpringMVC学习--json

    简介 json数据格式在接口调用中.html页面中较常用,json格式比较简单,解析还比较方便.比如:webservice接口,传输json数据. springmvc与json交互 @RequestB ...

  6. SpringMVC关于json、xml自动转换的原理研究[附带源码分析 --转

    SpringMVC关于json.xml自动转换的原理研究[附带源码分析] 原文地址:http://www.cnblogs.com/fangjian0423/p/springMVC-xml-json-c ...

  7. springMvc中406错误解决，springMvc使用json出现406 (Not Acceptable)

    springMvc中406错误解决, springMvc使用json出现406 (Not Acceptable) >>>>>>>>>>> ...

  8. Maven搭建SpringMVC+MyBatis+Json项目（多模块项目）

    一.开发环境 Eclipse:eclipse-jee-luna-SR1a-win32; JDK:jdk-8u121-windows-i586.exe; MySql:MySQL Server 5.5; ...

  9. springMVC学习总结（四）springmvc处理json数据类型以及fastjson的使用

    springMVC学习总结(四)springmvc处理json数据类型以及fastjson的使用 主要内容: 这篇文章主要是总结之前使用springmv接收json的时候遇到的问题,下面通过前台发送a ...

随机推荐

  1. 有关在 Word 中撰写博客的帮助

    目前大部分的博客作者在用Word写博客这件事情上都会遇到以下3个痛点: 1.所有博客平台关闭了文档发布接口,用户无法使用Word,Windows Live Writer等工具来发布博客.使用Word写 ...

  2. spring boot打包后windows启动乱码

    事情的起因什么的就不多表了,直接进入主题... 项目都要上线了,结果发现使用 idea mvn install之后的 jar在windows下启动乱码,而使用idea启动却没有问题!!! 这是神马情况 ...

  3. Linux下的ICMP反弹后门：PRISM

    搜索的时候无意中看见的这款基于ping的ICMP后门.于是到作者的github上看看,居然是阴文的,为了过级,只能强忍着看了,学生狗伤不起.还好比较简单易懂,正如简介说的一样:“PRISM is an ...

  4. 比较分析 Spring AOP 和 AspectJ 之间的差别

    面向方面的编程(AOP) 是一种编程范式,旨在通过允许横切关注点的分离,提高模块化.AOP提供方面来将跨越对象关注点模块化.虽然现在可以获得许多AOP框架,但在这里我们要区分的只有两个流行的框架:Sp ...

  5. 论文笔记(4)-Deep Boltzmann Machines

    Deep Boltzmann Machines是hinton的学生写的,是在RBM基础上新提出的模型,首先看一下RBM与BM的区别 很明显可以看出BM是在隐含层各个节点以及输入层各个节点都是相互关联的 ...

  6. Python学习-18.Python中的错误处理（三）

    在某些情况下,我们需要定义自己的异常并且抛出 先定义一个错误: class MyError(BaseException): def __init__(self): pass 上面定义了一个叫MyErr ...

  7. Linux服务器目录空间不足解决措施

      一般情况下工作环境中我们的服务或数据库文件都会存储在一个单独挂载的分区中,一般占空间比较大的大多就是服务的运行日志以及数据库文件,当我们分区的可用空间不足时就需要我们对分区进行扩容,或者找其它方法 ...

  8. radom

    radom模块提供了随机生成对象的方法 Help on module random: NAME random - Random variable generators. FILE /usr/local ...

  9. 【打印机】argox入门

    立象dx4300打印机调试. 1 环境搭建 1.1 下载软件 登录 http://www.argox.com.cn/Pages/servicedownload.aspx 下载驱动和手册. 1.2 正常 ...

  10. UWP开发入门（九）——简单界面的布局技巧及屏幕适应

    嘿嘿嘿,题目比较绕哈.本篇主要讨论一般情况下,页面的布局技巧,怎么将元素的展现尽量做到分辨率无关.基本的思路仍然是尽量少的标定具体的数字,而是用比列来标注各元素占据的空间. 这里我打算用易信的名片页来 ...