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. Publish site through visual studio

    https://www.c-sharpcorner.com/UploadFile/4b0136/getting-started-with-iis-host-and-publish-in-mvc-5/ ...

  2. 获取用户当前位置信息的两种方法——H5、微信

    在之前的 调用百度地图API的总结 中获取当前位置信息我用的是 H5 ,其实微信也提供了获取用户地理位置的方法,现将这两种方法都贴出来,看情况选择使用. 一.H5 获取当前地理位置得到经纬度 // H ...

  3. nginx里面的location 规则匹配

    nginx location语法 ~ # 区分大小写的正则匹配 location ~ \.(gif|jpg|png|js|css)$ { #规则D } ~* # 不区分大小写的正则匹配(和~的功能相同 ...

  4. JavaScript Functional Programming：声明式与命令式

    函数式编程属于声明式编程(declarative programming)的范畴,经常跟声明式编程一块儿讨论的是命令式编程(imperative programming),因为它们是两种不太一样的风格 ...

  5. 38 Flutter仿京东商城项目 渲染结算页面商品数据

    加群452892873 下载对应38课文件,运行方法,建好项目,直接替换lib目录 CartServices.dart import 'dart:convert'; import 'Storage.d ...

  6. java导入excel很完美的取值的方法

    java导入excel很完美的取值的方法   1.解决方法: /**    * 获取单元格数据内容为字符串类型的数据    * @param cell Excel单元格    * @return St ...

  7. java8中计算两个日期时间LocalDateTime的时间差，格式化成xx年yy月zz日aa时bb分cc秒

    原则上应该适用Period来计算,因为他是专门为这种需求设计的.当时他只能计算到两个时间差的,年月日 传入参数Period.between(LocalDate,LocalDate) 这里是计算两个Lo ...

  8. Python3之使用@property

    在绑定属性时,如果我们直接把属性暴露出去,虽然写起来简单,但是,没有办法检查参数,导致可以把成绩随便改 >>> class Student(object): ... pass ... ...

  9. C/C++查漏补缺（常更）

    一.#define宏定义 如下程序段,则输出结果为: #define MAX 12 int main(){ cout << "20\0MAX019" << ...

  10. Swagger API文档

    Swagger API文档集中化注册管理   接口文档是前后端开发对接时很重要的一个组件.手动编写接口文档既费时,又存在文档不能随代码及时更新的问题,因此产生了像swagger这样的自动生成接口文档的 ...