SpringMVC—对Ajax的处理（含 JSON 类型）(2)

这里编写了一个通用的类型转换器：

用来转换形如： 

firstName=jack&lastName=lily&gender=1&foods=Steak&foods=Pizza&quote=Enter+your+favorite+quote!&education=Jr.High&tOfD=Day 到 Student 对象。

/**

 * @author solverpeng

 * @create 2016-08-22-17:37 */public final class InjectUtil<T> {    private static final Logger LOGGER = LoggerFactory.getLogger(InjectUtil.class);    public static <T> T converter2Obj(String source, Class<T> tClass) {

        T t = null;        try {

            t = tClass.newInstance();

            Map<String, Object> params = new HashMap<String, Object>();            if(source != null && source.length() > 0) {

                String[] fields = source.split("&");                for(String field : fields) {

                    String[] fieldKeyValue = field.split("\\=");

                    String fieldKey = fieldKeyValue[0];

                    String fieldValue = fieldKeyValue[1];                    if (params.containsKey(fieldKey)) {

                        Object keyValueRetrieved = params.get(fieldKey);                        if (keyValueRetrieved instanceof String) {

                            ArrayList<String> values = new ArrayList<>();

                            values.add(keyValueRetrieved.toString());

                            values.add(fieldValue);

                            params.put(fieldKey, values);

                        } else {

                            ((ArrayList<String>) keyValueRetrieved).add(fieldValue);

                        }

                    } else {

                        params.put(fieldKey, fieldValue);

                    }

                }

            }

            BeanUtils.populate(t, params);

        } catch(InstantiationException | IllegalAccessException | InvocationTargetException e) {

            e.printStackTrace();

            LOGGER.error("String convert to Bean failure!", e);

        }        return t;

    }

}

不要忘记在 SpringMVC 中添加自定义的转换器。

e3:也可以在 handler 方法中来调用上面我编写的通用的类型转换器来完成解析。

@RequestMapping("/testStudent")public String testStudent(@RequestParam("student") String studentStr, String amount) {

    System.out.println("studentStr:" + studentStr);

    System.out.println("amount：" + amount);    return "success";

}

说明：对于复杂数据来说，我们借助不了 SpringMVC，只能借助于第三方，或是自己来编写解析器来解析。

★多表单一次提交

表单数据：

<form action="" method="post" id="form2">

    First Name:<input type="text" name="firstName" maxlength="12" size="12"/> <br/>

    Last Name:<input type="text" name="lastName" maxlength="36" size="12"/> <br/>

    Gender:<br/>

    Male:<input type="radio" name="gender" value="1"/><br/>

    Female:<input type="radio" name="gender" value="0"/><br/>

    <%–Favorite Food:<br/>

    Steak:<input type="checkbox" name="foods" value="Steak"/><br/>

    Pizza:<input type="checkbox" name="foods" value="Pizza"/><br/>

    Chicken:<input type="checkbox" name="foods" value="Chicken"/><br/>–%>

    <textarea wrap="physical" cols="20" name="quote" rows="5">Enter your favorite quote!</textarea><br/>

    Select a Level of Education:<br/>

    <select name="education">

        <option value="Jr.High">Jr.High</option>

        <option value="HighSchool">HighSchool</option>

        <option value="College">College</option>

    </select><br/>

    Select your favorite time of day:<br/>

    <select size="3" name="tOfD">

        <option value="Morning">Morning</option>

        <option value="Day">Day</option>

        <option value="Night">Night</option>

    </select>

    <p><input type="submit"/></p></form><form action="" method="post" id="form1">

    First Name:<input type="text" name="firstName" maxlength="12" size="12"/> <br/>

    Last Name:<input type="text" name="lastName" maxlength="36" size="12"/> <br/>

    Gender:<br/>

    Male:<input type="radio" name="gender" value="1"/><br/>

    Female:<input type="radio" name="gender" value="0"/><br/>

   <%– Favorite Food:<br/>

    Steak:<input type="checkbox" name="foods" value="Steak"/><br/>

    Pizza:<input type="checkbox" name="foods" value="Pizza"/><br/>

    Chicken:<input type="checkbox" name="foods" value="Chicken"/><br/>–%>

    <textarea wrap="physical" cols="20" name="quote" rows="5">Enter your favorite quote!</textarea><br/>

    Select a Level of Education:<br/>

    <select name="education">

        <option value="Jr.High">Jr.High</option>

        <option value="HighSchool">HighSchool</option>

        <option value="College">College</option>

    </select><br/>

    Select your favorite time of day:<br/>

    <select size="3" name="tOfD">

        <option value="Morning">Morning</option>

        <option value="Day">Day</option>

        <option value="Night">Night</option>

    </select></form>

e1:

同时需要定义一个 Students 类：

public class Students {    private List<Student> students;    public List<Student> getStudents() {        return students;

    }    public void setStudents(List<Student> students) {        this.students = students;

    }

}

请求：

$('form').submit(function() {

    $.ajax({

        url : "testStudent",

        data : JSON.stringify({            "students": [

                $('#form1').serializeObject()

                ,

                $('#form2').serializeObject()

            ]

        }),

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

        type : "post",

        success : function (result) {

            console.log(result);

        }

    });    return false;

});

handler 方法：

@RequestMapping("/testStudent")public String testStudent(@RequestBody Students students) {    for(Student student : students.getStudents()) {

        System.out.println("student:" + student);

    }    return "success";

}

可以正常打印。 

e2:不额外增加类，即不定义 Students

请求：

$('form').submit(function() {

    $.ajax({

        url : "testStudent",

        data : JSON.stringify([

            $('#form1').serializeObject(),

            $('#form2').serializeObject()

        ]),

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

        type : "post",

        success : function (result) {

            console.log(result);

        }

    });    return false;

});

handler 方法：

e21:通过数组来接收

@RequestMapping("/testStudent")public String testStudent(@RequestBody Student[] students) {    for(Student student : students) {

        System.out.println("student: " + student);

    }    return "success";

}

e22:通过 List 来接收

@RequestMapping("/testStudent")public String testStudent(@RequestBody List<Student> students) {   for(Student student : students) {

       System.out.println("student: " + student);

   }   return "success";

}

★一个表单多个对象

表单对象如：

e1:

<form action="" method="post" id="form">

    First Name:<input type="text" name="firstName" maxlength="12" size="12"/> <br/>

    Last Name:<input type="text" name="lastName" maxlength="36" size="12"/> <br/>

    Gender:<br/>

    Male:<input type="radio" name="gender" value="1"/><br/>

    Female:<input type="radio" name="gender" value="0"/><br/>

    <%–Favorite Food:<br/>

    Steak:<input type="checkbox" name="foods" value="Steak"/><br/>

    Pizza:<input type="checkbox" name="foods" value="Pizza"/><br/>

    Chicken:<input type="checkbox" name="foods" value="Chicken"/><br/>–%>

    <textarea wrap="physical" cols="20" name="quote" rows="5">Enter your favorite quote!</textarea><br/>

    Select a Level of Education:<br/>

    <select name="education">

        <option value="Jr.High">Jr.High</option>

        <option value="HighSchool">HighSchool</option>

        <option value="College">College</option>

    </select><br/>

    Select your favorite time of day:<br/>

    <select size="3" name="tOfD">

        <option value="Morning">Morning</option>

        <option value="Day">Day</option>

        <option value="Night">Night</option>

    </select>

    First Name:<input type="text" name="firstName" maxlength="12" size="12"/> <br/>

    Last Name:<input type="text" name="lastName" maxlength="36" size="12"/> <br/>

    Gender:<br/>

    Male:<input type="radio" name="gender" value="1"/><br/>

    Female:<input type="radio" name="gender" value="0"/><br/>

   <%– Favorite Food:<br/>

    Steak:<input type="checkbox" name="foods" value="Steak"/><br/>

    Pizza:<input type="checkbox" name="foods" value="Pizza"/><br/>

    Chicken:<input type="checkbox" name="foods" value="Chicken"/><br/>–%>

    <textarea wrap="physical" cols="20" name="quote" rows="5">Enter your favorite quote!</textarea><br/>

    Select a Level of Education:<br/>

    <select name="education">

        <option value="Jr.High">Jr.High</option>

        <option value="HighSchool">HighSchool</option>

        <option value="College">College</option>

    </select><br/>

    Select your favorite time of day:<br/>

    <select size="3" name="tOfD">

        <option value="Morning">Morning</option>

        <option value="Day">Day</option>

        <option value="Night">Night</option>

    </select>

    <p><input type="submit"/></p></form>

e2:

<form action="" method="post">

    First Name:<input type="text" name="firstName[0]" maxlength="12" size="12"/> <br/>

    Last Name:<input type="text" name="lastName[0]" maxlength="36" size="12"/> <br/>

    Gender:<br/>

    Male:<input type="radio" name="gender[0]" value="1"/><br/>

    Female:<input type="radio" name="gender[0]" value="0"/><br/>

    Favorite Food:<br/>

    Steak:<input type="checkbox" name="foods[0]" value="Steak"/><br/>

    Pizza:<input type="checkbox" name="foods[0]" value="Pizza"/><br/>

    Chicken:<input type="checkbox" name="foods[0]" value="Chicken"/><br/>

    <textarea wrap="physical" cols="20" name="quote[0]" rows="5">Enter your favorite quote!</textarea><br/>

    Select a Level of Education:<br/>

    <select name="education[0]">

        <option value="Jr.High">Jr.High</option>

        <option value="HighSchool">HighSchool</option>

        <option value="College">College</option>

    </select><br/>

    Select your favorite time of day:<br/>

    <select size="3" name="tOfD[0]">

        <option value="Morning">Morning</option>

        <option value="Day">Day</option>

        <option value="Night">Night</option>

    </select>

    First Name:<input type="text" name="firstName[1]" maxlength="12" size="12"/> <br/>

    Last Name:<input type="text" name="lastName[1]" maxlength="36" size="12"/> <br/>

    Gender:<br/>

    Male:<input type="radio" name="gender[1]" value="1"/><br/>

    Female:<input type="radio" name="gender[1]" value="0"/><br/>

    Favorite Food:<br/>

    Steak:<input type="checkbox" name="foods[1]" value="Steak"/><br/>

    Pizza:<input type="checkbox" name="foods[1]" value="Pizza"/><br/>

    Chicken:<input type="checkbox" name="foods[1]" value="Chicken"/><br/>

    <textarea wrap="physical" cols="20" name="quote[1]" rows="5">Enter your favorite quote!</textarea><br/>

    Select a Level of Education:<br/>

    <select name="education[1]">

        <option value="Jr.High">Jr.High</option>

        <option value="HighSchool">HighSchool</option>

        <option value="College">College</option>

    </select><br/>

    Select your favorite time of day:<br/>

    <select size="3" name="tOfD[1]">

        <option value="Morning">Morning</option>

        <option value="Day">Day</option>

        <option value="Night">Night</option>

    </select>

    <p><input type="submit"/></p></form>

来看经过处理后的数据：

e1:

（1）JSON.stringify($('form').serializeObject())：

{"firstName":["jack","tom"],"lastName":["aa","lily"],"foods":["Steak","Pizza","Steak"],"quote":["Enter your favorite quote!","Enter your favorite quote!"],"education":["Jr.High","Jr.High"],"tOfD":["Day","Day"],"gender":"1"}

（2）$('form').serialize()：

 firstName=jack&lastName=aa&foods=Steak&foods=Pizza&quote=Enter+your+favorite+quote!&education=Jr.High&tOfD=Day&firstName=tom&lastName=lily&gender=1&foods=Steak&quote=Enter+your+favorite+quote!&education=Jr.High&tOfD=Day

说明：

第一种是无法处理的，没办法分清数组中的值是属于哪个对象的。

第二种方式可以处理，但是需要编写自定义的类型转换器，这里不进行说明。有兴趣的童鞋，请自行探索。

e2:

（1）JSON.stringify($('form').serializeObject()):

{"firstName[0]":"aa","lastName[0]":"bb","gender[0]":"1","foods[0]":"Pizza","quote[0]":"Enter your favorite quote!","education[0]":"Jr.High","tOfD[0]":"Day",

"firstName[1]":"ds","lastName[1]":"cc","gender[1]":"1","foods[1]":["Steak","Pizza"],"quote[1]":"Enter your favorite quote!","education[1]":"Jr.High","tOfD[1]":"Day"}

（2）$('form').serialize():

firstName%5B0%5D=aa&lastName%5B0%5D=bb&gender%5B0%5D=1&foods%5B0%5D=Pizza&quote%5B0%5D=Enter+your+favorite+quote!&education%5B0%5D=Jr.High&tOfD%5B0%5D=Day&

firstName%5B1%5D=ds&lastName%5B1%5D=cc&gender%5B1%5D=1&foods%5B1%5D=Steak&foods%5B1%5D=Pizza&quote%5B1%5D=Enter+your+favorite+quote!&education%5B1%5D=Jr.High&tOfD%5B1%5D=Day

说明：

第一种看着有规律可循，貌似可以进行解析，但是不是一个标准的 JSON 格式的数据。

第二种甚至都出现了乱码，没有想到解析的办法。

来看看第一种，同样这里提供一种思路，因为实现起来比较费劲。

思路：使用正则

like this :

Gson gson = new Gson();

String jsonInString = "{\"student[0].firstName\": \"asdf\",\"student[0].lastName\": \"sfd\",\"student[0].gender\": \"1\",\"student[0].foods\":[\"Steak\",\"Pizza\"],\"student[0].quote\": \"Enter your favorite quote!\",\"student[0].education\": \"Jr.High\",\"student[0].tOfD\": \"Day\",\"student[1].firstName\": \"sf\",\"student[1].lastName\": \"sdf\",\"student[1].gender\": \"1\",\"student[1].foods\": [\"Pizza\",\"Chicken\"],\"student[1].quote\": \"Enter your favorite quote!\",\"student[1].education\": \"Jr.High\",\"student[1].tOfD\": \"Night\"}";

String jsonWithoutArrayIndices = jsonInString.replaceAll("\\[\\d\\]", "").replaceAll("student.","");

String jsonAsCollection = "[" + jsonWithoutArrayIndices + "]";

String jsonAsValidCollection = jsonAsCollection.replaceAll(",\"student.firstName\"","},{\"student.firstName\"");

System.out.println(jsonAsValidCollection);

Student[] students = gson.fromJson(jsonAsValidCollection, Student[].class);

System.out.println("-----------------------------------------------");

System.out.println(students[0]);

System.out.println("-----------------------------------------------");

SpringMVC—对Ajax的处理（含 JSON 类型）(2)的更多相关文章

SpringMVC—对Ajax的处理（含 JSON 类型）(3)
五.服务器端的 SpringMVC 如何返回 JSON 类型的字符串. 请求: $("#testJson8").click(function () { $.ajax({ ...
SpringMVC—对Ajax的处理（含 JSON 类型）(1)
一.首先要搞明白的一些事情. 1.从客户端来看,需要搞明白: (1)要发送什么样格式的 JSON 数据才能被服务器端的 SpringMVC 很便捷的处理,怎么才能让我们写更少的代码,如何做好 JSON ...
本文使用springMVC和ajax，实现将JSON对象返回到页面
一.引言本文使用springMVC和ajax做的一个小小的demo,实现将JSON对象返回到页面,没有什么技术含量,纯粹是因为最近项目中引入了springMVC框架. 二.入门例子 ①. 建立工程, ...
通过Ajax进行POST提交JSON类型的数据到SpringMVC Controller的方法
现在在做的项目用到了SpringMVC框架,需要从前端angular接收请求的JSON数据,为了测试方便,所以直接先用AJAX进行测试,不过刚开始用平时用的ajax方法,提交请求会出现415或者400 ...
springmvc通过ajax异步请求返回json格式数据
jsp 首先创建index.jsp页面 <script type="text/javascript"> $(function () { $("#usernam ...
SpringMVC——对Ajax的处理（包含 JSON 类型）
一.首先要搞明白的一些事情. 1.从客户端来看,需要搞明白: (1)要发送什么样格式的 JSON 数据才能被服务器端的 SpringMVC 很便捷的处理,怎么才能让我们写更少的代码,如何做好 JSON ...
SpringMVC中出现" 400 Bad Request "错误（用@ResponseBody处理ajax传过来的json数据转成bean）的解决方法
最近angularjs post到后台 400一头雾水没有任何错误. 最后发现好文,感谢作者 SpringMVC中出现" 400 Bad Request "错误(用@Respon ...
springMVC参数绑定JSON类型的数据
需求就是: 现在保存一个Student,并且保存Student的friend,一个student会有多个朋友,这里要传递到后台的参数是: var friends = new Array(); var ...
springmvc接收JSON类型的数据
1.在使用AJAX传递JSON数据的时候要将contentType的类型设置为"application/json",否则的话会提示415错误 2.传递的data需要时JSON类型的 ...

随机推荐

安装MySQL ODBC应注意的问题
1.在32 位系统上安装: 安装32的ODBC:mysql-connector-odbc-5.2.5-win32 2.在64位系统上安装: 要同时安装32位及64位系统的ODBC: mysql-con ...
IOS 发布被拒 PLA 1.2问题整个过程介绍 03 个人账户升级公司账户
根据上一篇文章,提交的邮件,苹果给我回了一封邮件如下: 您好: 感谢您参与 Apple 开发者计划支持.我是 XXXX,非常荣幸协助您. 我们随时都可以开始将您的个人会员资格迁移到组织会员资格.首先 ...
CreateThread创建线程传递结构体参数
#include "stdafx.h" #include <stdio.h> #include <windows.h> #include <stdli ...
java创建多线程的三种方式
/***************************继承Thread类创建多线程************************/ public class FirstThread extends ...
jmeter ant 运行提示Error occurred during initialization of VM
运行ant提示错误网上找到的方法将set HEAP= -Xms512m -Xmx1024m 改成set HEAP= -Xms512m -Xmx512m 保存后运行成功
dajngo之中间件总结
一.中间件: a.中间件是什么? - 中间件是一个类 b. 返回值注意 -(1)无返回值:继续执行后续函数中间件和视图函数 -(2)有返回值:执行自己的 ...
keystone cache
http://docs.openstack.org/juno/config-reference/content/section_keystone.conf.html http://docs.opens ...
phpPgAdmin (win)配置安装及远程访问
phpPgAdmin (win)配置安装 [1] 通过PostgreSQL的Application Stack Builder配置安装phpPgAdmin 1.确保PostgreSQL安装并正 ...
Codeforces 888D Almost Identity Permutations：错排公式
题目链接:http://codeforces.com/problemset/problem/888/D 题意: 给定n,k,问你有多少种1到n的排列,满足至少有n-k个a[i] == i. (4 &l ...
微信开放接口获取用户昵称保存到MySQL中为空白
微信昵称中包含emoji表情标签,某些标签是使用了4字节编码的UTF8. 而大多数MySQL数据库现在使用的是3字节UTF8编码,这样会导致保存为空,且不会提示失败. 解决方法有2个,一个是升级到My ...

SpringMVC—对Ajax的处理（含 JSON 类型）(2)

SpringMVC—对Ajax的处理（含 JSON 类型）(2)的更多相关文章

随机推荐

热门专题