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. opencv 检测人脸、人眼

    This tutorial code’s is shown lines below. You can also download it from here . The second version ( ...

  2. BitmapShader填充图形

    package com.loaderman.customviewdemo; import android.content.Context; import android.graphics.*; imp ...

  3. python定义接口继承类

    zxq547 python定义接口继承类invalid syntax解决办法 1 2 3 4 5 6 7 class s_all(metaclass=abc.ABCMeta):     #python ...

  4. react起步——从零开始编写react项目

    # index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> ...

  5. 阶段5 3.微服务项目【学成在线】_day17 用户认证 Zuul_11-前端显示当前用户-前端请求jwt

    前端代码 sessionStorage也是key/value的格式 页头显示当前用户 查询jwt nginx里面的配置 测试 开启认证服务 进行登陆 跳转到首页就应该立即请求查询. 跳转到首页 coo ...

  6. QML显示圆形图片

    Item {//一个圆形图片 width: parent.width height: parent.height Image { id: rdJpg anchors.centerIn: parent ...

  7. redis配置用户认证密码

    1,下载安装 Download, extract and compile Redis with: $ wget http://download.redis.io/releases/redis-3.2. ...

  8. iOS-CGAffineTransform相关函数

    CGAffineTransform相关函数 CGAffineTransformMakeTranslation(width, 0.0);是改变位置的,CGAffineTransformRotate(tr ...

  9. win10 安装MySQL过程和遇到的坑

    环境:win10系统,MySQL5.7.18 “mysql-5.7.18-winx64.msi” 首先是要运行mysql-5.7.18-winx64.msi,选择安装在C盘(可自定义安装) 第一步 打 ...

  10. Burpsuite—渗透测试神器

    Google浏览器插件---SwitchyOmega Firefox浏览器插件---SwitchyOmega hosts代理工具---SwitchHosts[右击使用管理员权限打开] 双击burp-l ...