index.jsp

<%@ 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">

<%

    String path = request.getContextPath();

%>

<html>

<script type="text/javascript" src="<%=request.getContextPath()%>/script/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="<%=request.getContextPath()%>/script/jquery.json-2.4.js"></script>

<script type="text/javascript" src="<%=request.getContextPath()%>/script/jquery.form.js"></script>

<head>

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

<title>Insert title here</title>

<script type="text/javascript">

function test_2(){

    var postURL = "<%=request.getContextPath()%>/jsonController/receive_jsonData_2?date="+new Date()+"";

    //第2种简单的方法

    var formData = jQuery("#json_form2").serializeArray();

    //将这个数组转为json的对象。

    var jsonData = convertArray(formData);

    //将json对象转为字符串后，才能发送。

    var jsonDataStr = jQuery.toJSON(jsonData);

    jQuery.ajax({

        //请求

        type:         "POST",

        url:         postURL,

        data:         jsonDataStr,

        contentType:"application/json",

        //返回

        dataType:    "json",

        success:     function(msg){

             alert( "Data Saved: " + msg );

        }

    });    

}

function convertArray(o) { //主要是推荐这个函数。它将jquery序列化后的值转为name:value的形式。

    var v = {};

    for (var i in o) {

        if (typeof (v[o[i].name]) == 'undefined') v[o[i].name] = o[i].value;

        else v[o[i].name] += "," + o[i].value;

    }

    return v;

} 

</script>

</head>

<body>

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

        <input type="text" name="dogid" id="dogid"     value="用户名"/>

        <input type="text" name="dogname" id="dogname" value="复选框1"/>

        <input type="button" value="发送是一个json字符串" onclick="test_2();"/>

    </form>

</body>

</html>

controller

/**

     * Spring中接收json对象的2种方式

     *

     * RequestBody DogBean dogBean

     *

     * 不加RequestBody，表示接收的是一个普通的GET或者POST的请求，请求中的参数与Bean中的属性一致。 Bean即可接收。

     *

     * 加RequestBody，表示接收的是一个json字符串的请求数据，Spring会自动将json字符串转成json对象 。

     *

     *

     */

@RequestMapping(value = "/receive_jsonData_2")

    public String receive_jsonData_2(@RequestBody DogBean dogBean) {

        System.out.println("dogBean = " + dogBean);

        System.out.println(dogBean.getDogid() + "\t" + dogBean.getDogname());

        return null;

    }
  • 如果这里不加@RequestBody ，那么将无法将request里的参数封装到dogBean中，因为request里的数据格式是json格式，而自动封装的格式为“dogid=1&dogname=dog1” 这种格式才能自动封装。

（九）springmvc之json的数据请求（客户端发送json数据到服务端）的更多相关文章

  1. SpringMVC客户端发送json数据时报400错误

    当测试客户端发送json数据给服务器时,找不到响应路径? 原来是参数类型不符,即使是json也要考虑参数的个数和类型 解决:将age请求参数由"udf"改为"3" ...

  2. ajax数据请求2（json格式）

    ajax数据请求2(json格式) <!DOCTYPE html> <html> <head> <meta charset="UTF-8" ...

  3. socket小程序写一个客户端，实现给服务端发送hello World字符串，将客户端发送的数据变成大写后返回

    写一个客户端,实现给服务端发送hello World字符串,将客户端发送的数据变成大写后返回 本机id是192.168.xx.xy 服务端 import socket soc = socket.soc ...

  4. WebSocket安卓客户端实现详解(三)–服务端主动通知

    WebSocket安卓客户端实现详解(三)–服务端主动通知 本篇依旧是接着上一篇继续扩展,还没看过之前博客的小伙伴,这里附上前几篇地址 WebSocket安卓客户端实现详解(一)–连接建立与重连 We ...

  5. （8）Linux（客户端）和Windows（服务端）下socket通信实例

    Linux(客户端)和Windows(服务端)下socket通信实例: (1)首先是Windows做客户端,Linux做服务端的程序 Windows   Client端 #include <st ...

  6. 编写Java程序，使用 Socket类模拟用户加入 QQ 群时，QQ 小冰发送欢迎消息的场景（用户充当客户端，QQ 小冰充当服务端）

    查看本章节 查看作业目录 需求说明: 小冰是微软公司研发的人工智能机器人,被腾讯公司加入 QQ 群后,立即受到千万网友的喜爱.现在使用 Socket类模拟用户加入 QQ 群时,QQ 小冰发送欢迎消息的 ...

  7. WebService或HTTP服务端接收请求转发消息到另一个服务端-实现思路

    1.需求结构(WebService) A客户端<->B服务端<->C服务端 说明: a.在B服务端上面添加配置项(1.是否转发消息到C服务端:2.C服务端IP和端口): b.A ...

  8. 客户端通过HTTP协议与服务端交换数据

        客户端(包括浏览器)通过HTTP协议与服务端交换数据的描述 发起请求 header 键值对中的key大小写不敏感 Accept: application/json Content-Type: ...

  9. curl如何发送json数据？如何发送form数据？python的restfull又该如何获取这些数据？

    1.python使用flask+flask_restfull框架写的api接口,做为服务 2.curl 做为客户端发送数据 from flask import request curl发送json的方 ...

随机推荐

  1. Vue学习手记04-跨域问题

    01-安装axios,指令(npm install --save axios)02-解决跨域问题 在config=>中创建一个新的文件proxyConfig.js module.exports ...

  2. LDAP的filter查询详解

    转: 等于(EQUAL TO):  =大于等于(Greater than):  >=小于等于(Less than):  <=通配符(wildcard):  *  逻辑运算符:逻辑与(log ...

  3. arcgis python 不知道一个工具怎么用

    完整的工具帮助信息 import arcpy print(arcpy.Usage("Buffer_analysis")) print(arcpy.Usage("MakeF ...

  4. PyMouse、PyKeyboard用python操作鼠标和键盘

    1.PyUserInput 简介 PyUserInput是一个使用python的跨平台的操作鼠标和键盘的模块,非常方便使用.支持的平台及依赖如下: Linux - Xlib Mac - Quartz, ...

  5. Ionic4.x 新增底部 tabs 页面

    1.创建 tab4 模块 ionic g page tab4 2.修改根目录里 app-routing.module.ts 文件里面的路由配置,去掉默认增加的路由 3.tabs.router.modu ...

  6. osgOcean编译

    E:\Visual Studio 2015\install\VC>e: E:\Visual Studio 2015\install\VC>E:\Visual Studio 2015\ins ...

  7. Springboot集成MapperFactory(ma.glasnost.orika.MapperFactory)类属性复制

    一.导入Jar() gradle方式 compile group: 'ma.glasnost.orika', name: 'orika-core', version: '1.5.1' maven方式 ...

  8. spring boot入门学习---热部署

    1.maven文件 2.application.properties文件配置

  9. 123457123456#0#-----com.threeapp.XueShuXue013----儿童学数学（13种方法）

    com.threeapp.XueShuXue013----儿童学数学(13种方法)

  10. mysql stream read.

    Statement stmt = connection.createStatement(ResultSet.TYPE_FORWARD_ONLY, ResultSet.CONCUR_READ_ONLY) ...