我想做直播网站该怎么做,网站域名跳转是怎么做的,河南郑州旅游景点,梧州网站制作前言 开发这么多年#xff0c;肯定还有不少小伙伴搞不清各种类型的参数是如何传递的#xff0c;很多同学都是拿来即用#xff0c;复制粘贴一把撸#xff0c;遇到问题还是一脸懵逼。 姿势 学习参数传递的正确姿势#xff0c;先说怎么做#xff0c;再说为什么#xff0c;本… 前言 开发这么多年肯定还有不少小伙伴搞不清各种类型的参数是如何传递的很多同学都是拿来即用复制粘贴一把撸遇到问题还是一脸懵逼。 姿势 学习参数传递的正确姿势先说怎么做再说为什么本质上还是复制粘贴一把撸问题是你想问不想问为什么 文章目录传递用户登录前端代码后端代码用户注册前端代码后端代码前端代码后端实现传递
用户登录
前端代码
var param {username: admin,password: admin
}
$.ajax({url: /sys/login,data: param,type: post,dataType: json,success: function(data) {}
});后端代码
RestController
RequestMapping(/sys)
public class LoginController {private static final Logger logger LoggerFactory.getLogger(LoginController.class);/*** 登录*/PostMapping(/login)public Result login(String username, String password){logger.info(用户登录username);//业务逻辑return Result.ok(登录成功);}
}当然你也可以这么实现RequestParam(value“username”, requiredtrue) required 默认为 true如果前台不传递此参数后台会报错。如果设置为 false如果不传默认为 null。 /*** 登录* https://blog.52itstyle.vip*/
PostMapping(/login)
public Result login(RequestParam(valueusername, requiredtrue) String username,RequestParam(valuepassword, requiredtrue) String password){logger.info(用户登录username);//业务逻辑return Result.ok(登录成功);
}用户注册
前端代码
提交方式与登录基本保持一致。
后端代码
用一个对象来接收前台参数一般后端有对应的实体类。
/*** 注册* https://blog.52itstyle.vip*/
PostMapping(/register)
public Result register(SysUser user){logger.info({}用户注册,user.getUsername());//业务逻辑return Result.ok(注册成功);
}多参数无实体一
前端代码
var param {title: 爪哇笔记,content: 一个有趣的公众号,author: 小柒2012
}
param JSON.stringify(param);
$.ajax({url: /sys/multiParameter,data: param,type: post,contentType: application/json,dataType: json,success: function(data) {}
});后端实现
/*** 多参数* https://blog.52itstyle.vip*/
PostMapping(/multiParameter)
public Result register(RequestBody MapString,Object map){logger.info(多参数传递:{},{},map.get(title),map.get(content));//业务逻辑return Result.ok(接收多参数成功);
}多参数无实体二 前端代码
var param {title: 爪哇笔记,content: 一个有趣的公众号,author: 小柒2012
}
$.ajax({url: /sys/multiParameter,data: param,type: post,dataType: json,success: function(data) {}
});后端实现
/*** 多参数* https://blog.52itstyle.vip*/
PostMapping(/multiParameter)
public Result register(RequestParam MapString,Object map){logger.info(多参数传递:{},{},map.get(title),map.get(content));//业务逻辑return Result.ok(接收多参数成功);
}传递数组 前端代码
var param {ids: [1, 2, 3]
}
$.ajax({url: /sys/array,data: param,type: post,dataType: json,success: function(data) {}
});后端实现
/*** 数组* https://blog.52itstyle.vip*/
PostMapping(array)
public Result array(RequestParam(value ids[]) Integer[] ids) {logger.info(数据{}, Arrays.asList(ids));//业务逻辑return Result.ok();
}传递集合 前端代码与传递数组保持一致。
后端实现
/*** 集合* https://blog.52itstyle.vip*/
PostMapping(array)
public Result array(RequestParam(value ids[]) ListInteger ids) {logger.info(数据{}, ids.toString());//业务逻辑return Result.ok();
}传递集合实体对象 比如后端想接收一个实体对象集合 List
前端代码 var list [];
list.push({username: 小柒2012,mobile: 17762288888
});
list.push({username: 小柒2013,mobile: 17762289999
});
$.ajax({url: /sys/listUser,data: JSON.stringify(list),type: post,contentType: application/json,dataType: json,success: function(data) {}
});后端代码
/*** 爪哇笔记* https://blog.52itstyle.vip*/
PostMapping(listUser)
public Result listUser(RequestBody ListSysUser list) {logger.info(数据{}, list.size());list.forEach(user-{//输出实体对象System.out.println(user.getUsername());});//业务逻辑return Result.ok();
}传递集合实体对象一对多 比如一个用户有多个角色 List roleList
前端代码
var roleList [];
roleList.push({roleSign: admin,roleName: 管理员
});
roleList.push({roleSign: user,roleName: 普通用户
});
var list [];
var user {username: 小柒2012,mobile: 17762288888
};
user.roleList roleList;
list.push(user);
$.ajax({url: /sys/listUserRole,data: JSON.stringify(list),type: post,contentType: application/json,dataType: json,success: function(data) {}
});后端实现
/*** 爪哇笔记* https://blog.52itstyle.vip*/
PostMapping(listUserRole)
public Result listUserRole(RequestBody ListSysUser list) {logger.info(数据{}, list.size());list.forEach(user-{ListSysRole roleList user.getRoleList();roleList.forEach(role-{System.out.println(role.getRoleName());});});return Result.ok();
}炒鸡复杂 传输对象有实体有集合有各种类型的数据这时候最简单的方式就是传递 Key-Value 结构的 JSON 字符串后台 Map 类型接收然后通过FastJson的 JSON.parseObject() 和 JSON.parseArray() 方法转化为对应的实体或者集合。 String user parseMap.get(user).toString();SysUser sysUser JSON.parseObject(user,SysUser.class);String contractClause parseMap.get(rules).toString();ListRule ruleList JSON.parseArray(contractClause,Rule.class);RESTful 风格 比如访问某篇文章
/*** 爪哇笔记* https://blog.52itstyle.vip*/
GetMapping(article/{id})
public void article(PathVariable(id) String id) {logger.info(文章{},id);//业务逻辑
}原则 记住一下几点
RequestBody 注解必须与 contentType 类型application/json配合使用。RequestParam 注解必须与 contentType 类型application/x-www-form-urlencoded配合使用其为默认类型。JSON.stringify() 把对象类型转换为字符串类型一般配合 RequestBody 注解和contentType 类型application/json使用。 扩展 在以上只涉及了两种 contentType 类型其实还有两种常见的类型
multipart/form-data 一般用于表单文件上传必须让 form 的 enctype 等于这个值。
form action/upload methodpost enctypemultipart/form-datainput typetext namedescription value爪哇笔记一个神奇的公众号input typefile namemyFilebutton typesubmitSubmit/button
/formtext/xml 做过微信支付的小伙伴一定会知道微信就喜欢用这种方式去年还发生过 XXE 漏洞在解析XML文档时解析器通过 ENTITY 扩展的功能读取本地受保护的文件并且使用扩展功能将受保护的文件发送到远程地址。
