java

关注公众号 jb51net

关闭
首页 > 软件编程 > java > javaWeb传收参数方式

javaWeb传收参数方式总结示例分析

作者:KenDoEverthing

这篇文章主要为大家介绍了javaWeb传收参数方式总结示例分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

首先梳理一下HTTP的一些知识

有时候,我真会被传参搞得头晕,这样传要怎么接收,那样传又要怎么接收? get可以json吗?什么是json方式提交?等等问题,已困扰我许久 所以,在此想做个总结,整理一下思绪,不再为传收参烦恼!如有错误,望联系纠正,感谢!

1.GET和POST请求,在传参方面有什么区别

GET传输的数据存储在URL上进行拼接 POST传输的数据存储在Requst Body(请求体)中

2.http请求的中Content-Type

http的请求头和响应头中都有Content-Type字段,这个字段向我们说明了请求和响应的HTTP body(请求体或响应体)存储了什么类型的数据,然后客户端和服务端就可以根据http头部得Content-Type正确解码HTTP body内容。

关联第1点:GET方式的请求和Content-Type是没有任何关系的,因为GET请求的数据在URL上。

好叻,进入正题。这里我们分为3种情况说明如何传参与接参,分别为 GET方式请求、 表单提交、 Json提交

GET方式请求

(1).普通URL get请求

http://localhost:8080/ajaxGet?id=1&username=用户名&userTrueName=真实姓名

//get也可以传json,通过参数传json字符串,然后后端进行解析(不过一般都不这么做)
http://localhost:8080/ajaxGet?user={"id":"1","username":"用户名","userTrueName":"真实姓名"}

(2).表单类GET请求

<form id="fromGet" action="fromGet" method="GET">
<input  type="text"name="id"  value="1">
<input  type="text"name="username"  value="用户名">
<input  type="text"  name="userTrueName"  value="真实名字">
</form>

(3).AJAX Get请求

(A)正确示例

$.ajax({
    type: "GET",
    url: "http://localhost:8080/ajaxGet",
    data:{"id":1,"username":"用户名","userTrueName":"真实名称"},
    //contentType:'application/x-www-form-urlencoded'
    contentType:'application/json'
});

注意:

1.data必须为json对象

2.实际上无需设置contentType 

示例中我故意设置了contentType,但其实不管设置成什么都是无效的,因为传输的数据会在发送请求时,对Json对象进行编码解析,拼接到URL上,如下图

(B)错误示例(data为json字符串)

//data为json字符串
$.ajax({
    type: "GET",
    url: "http://localhost:8080/ajaxGet",
    data:JSON.stringify({"id":1,"username":"用户名","userTrueName":"真实名称"}),
    //contentType:'application/x-www-form-urlencoded'
    contentType:'application/json'
});

GET请求时,data不能使用json字符串,无法解析,如下图  

SpringMvc接收参数方式

1.实体类接收 2.Map接收,必须使用@RequestParam注解 3.拆开单个参数接收(参数少的情况可使用)

Form表单提交

ps:针对POST,第一点包含了所有GET请求方式

form表单提交一般说的是content-type为x-www-form-unlencoded或multipart/form-data的请求

(1) 传统form表单提交,默认content-type为 x-www-form-unlencoded,如下

<form id="fromPost" action="fromPost" method="POST">
    <input type="text"name="id" value="1">
    <input type="text"name="username" value="用户名">
    <input type="text" name="userTrueName" value="真实名字">
</form>

(2) 含文件的form表单,需要指明enctype为 multipart/form-data(enctype相当于content-type)

<form id="fromMutli" action="fromMutli" enctype="multipart/form-data" method="POST">
    <input type="text"name="id" value="1">
    <input type="file" name="file">
</form>

(3) Ajaxform表单提交

//data为json对象
$.ajax({
    type: "POST",
    url: "http://localhost:8080/ajaxPost",
    dataType: 'json',
    data:{"id":1,"username":"用户名","userTrueName":"真实名称"},
    contentType:'application/x-www-form-urlencoded'
});

SpringMvc接收参数方式

1.实体类接收

2.Map接收,必须使用@RequestParam注解

3.拆开单个参数接收(参数少的情况可使用)

4.后台的file文件需要使用MultipartFile类型接收

Json提交

ps:针对POST,第一点包含了所有GET请求方式

Json提交一般说的是content-type为application/json的请求,传输的Json是Json字符串

正确示例

//注意:data为json字符串 contentType为application/json
$.ajax({
    type: "POST",
    url: "http://localhost:8080/ajaxPost",
    dataType: 'json',
    data:JSON.stringify({"id":1,"username":"用户名","userTrueName":"真实名称"}),
    contentType:'application/json;charset=urf-8'
});

注意:data为Json字符串,这个很重要

SpringMvc接收参数方式

必须使用@RequestBody注解

1.字符串接收,然后对Json字符串解析转换

2.实体类接收 

3.Map接收 

如下:

@PostMapping(value = "ajaxPost")
public void ajaxPost(@RequestBody String param){
    JSONObject json = JSON.parseObject(param);
}
@PostMapping(value = "ajaxPost")
public void ajaxPost(@RequestBody User user){
}
@PostMapping(value = "ajaxPost")
public void ajaxPost(@RequestBody Map map){
}

总结

1.GET请求方式与Form提交,后端spingMvc接收参数方式相同,如下

2.Json提交 

必须使用@RequestBody注解

建议

比如使用swagger api文档时,可使用注解标注的实体类对应参数,但用map的话,你要啥参数,鬼知道咯~

拓展知识:

@RequestParam注解

其实使用注解@RequestParam就等同于request.getParamter获取参数 但@RequestParam有更多的用处,它有以下几个重要属性

(1).value:前端传参的参数名称,这个属性可以使得前端参数名字与方法参数名不相同,使用这个参数进行数据绑定就ok了

//前端传参可以是"name" 方法参数中为"userName" 
//使用@RequestParam("name")可将name和userName进行绑定
//即可使用userName接收name的数据
@RequestMapping("/test")
public  void test(@RequestParam("name") String userName)){
}

(2)requried:表示是否是必须的参数,默认为true,所以加上@RequestParam,默认这个参数就是必须的,如果没有传对应参数会报错

(3)defaultValue:参数默认值。即设置默认值后,没有传参时,会赋予参数一个默认值。设置了默认值,就算必须参数不传也不会报错

以上就是javaWeb传收参数方式总结示例分析的详细内容,更多关于javaWeb传收参数方式的资料请关注脚本之家其它相关文章!

您可能感兴趣的文章:
阅读全文